/* CSS Document Sportivation */
body{
	font-family: 'Open Sans', sans-serif;
	font-size:1em;
	width:100%;
	color: #333;
	font-weight: 300;

	}
		
h1,		
.startseite h2{
	font-size: 2.1rem;
	text-transform: uppercase;
	font-weight: 400;
	color: #58585a;
	padding-top: 0;
	padding-bottom: 1em;
	margin:0;
	}
	
h1{
	font-weight: 300;
	font-size: 2.2em;
	text-transform:none;
	}	
	
h2{
	font-size: 1.8rem;
	font-weight: 400;
	color: #58585a;
	padding-bottom: 0.8em;
	}
	
	
h3{
	font-size: 1.3rem;
	color: #666666;
	font-weight:600;
	padding-bottom: 0.5em;
	}
	
h4 {
	font-size: 1.2rem;
	font-weight:400;
	color: #333;
	padding-bottom: 0.5em;	

}

	
ul{
	margin:0;
	padding:0;

	}

	
	
li{
	margin:0;
	padding:0;
	list-style-type:none;	
	}
	
#main li{
	font-size: 1.1rem;

	}
	
#main li a{
	font-size: 1.2rem;

	}		
	
#container{
	padding-bottom: 0;
	}

#main p
{
	font-size: 1.1rem;
	line-height: 1.5em;
	color: #666;
	font-weight: 300;
	overflow: hidden;
}


#main .abstand-h234-text p{
	margin-bottom: 1.5em;
	padding-bottom: 0;
}


.start #main p {
	font-size: 1em;
	line-height: 1.2em;
	padding-bottom: 1em;

}
	
#main .inside .mod_article .ce_text p{
	/*padding-bottom: 1em;*/	
	}
	
	
.textspalten-1 p
{
	margin-bottom: 1em;	
	}

		
.textspalten-2 p
{
	-webkit-columns: 300px 2;
   	-moz-columns: 300px 2;
    columns: 300px 2;
  	-webkit-column-gap: 4em;
    -moz-column-gap: 4em;
    column-gap: 4em;
	-webkit-column-rule: 1px dottet #cdcdcd;
	-moz-column-rule: 1px dotted #cdcdcd;
	column-rule: 1px dottet #cdcdcd;
	margin-bottom: 36px;	
	}	

.textspalten-3 p
{
	-webkit-columns: 250px 3;
   	-moz-columns: 250px 3;
    columns: 250px 3;
  	-webkit-column-gap: 4em;
    -moz-column-gap: 4em;
    column-gap: 4em;
	-webkit-column-rule: 1px dottet #cdcdcd;
	-moz-column-rule: 1px dotted #cdcdcd;
	column-rule: 1px dottet #cdcdcd;
	margin-bottom: 36px;	
	}
	
.text-i p{
	font-style: italic;
	}
	
	
/* ///////////////////////////////////////*/		
/* accordion /////////////////////////////*/	



.ce_accordion h3
 {
	color: #fff;
	background-color: #afcb38;
	padding:1em 2em 1em 2em;
	display: block;
	transition: all 600ms ease 0s;
	border: 1px solid #afcb38;

}
	

.ce_accordion .ui-accordion-header-active h3
 {
	color: #afcb38;
	background-color: #fff;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #fff;
	border-right-color: #FFFFFF;
	border-bottom-color: #afcb38;
	border-left-color: #FFFFFF;
	cursor:pointer;
}

.ce_accordion h3:hover {
	color: #fff;
	background-color: #999;
	cursor:pointer;
}

.ce_accordionStart .ce_text{
	padding: 1em ;
}

.akkordeon-orange,
.akkordeon-blau,
.akkordeon-gruen,
.akkordeon-orange {
	margin-bottom: 4px;
	
	}


.akkordeon-kontakt-f .ce_accordionStart{
	background-color: transparent;
	border-top-width: 6px;
	border-right-width: 1px;
	border-bottom-width: 6px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;

	}
	
.akkordeon-orange .ce_accordionStart{
	border-color: #f59b00;
	}
		
.akkordeon-blau .ce_accordionStart{
	border-color: #00a2d6;
	}
	
.akkordeon-rot .ce_accordionStart{
	border-color: #d50d0e;
	}	
	
.akkordeon-gruen .ce_accordionStart{
	border-color: #afcb08;
	}		
	
.akkordeon-kontakt-f .ui-accordion-header{
	color: #fff;
	font-size: 1.3rem;
	font-weight: 600;
	cursor: pointer;
	padding: 0.5rem;	
	}
	
.akkordeon-orange .ui-accordion-header{
	background-color: #f59b00;
	}
.akkordeon-blau .ui-accordion-header{
	background-color: #00a2d6;
	}	
.akkordeon-rot .ui-accordion-header{
	background-color: #d50d0e;
	}	
.akkordeon-gruen .ui-accordion-header{
	background-color: #afcb08;
	}	
	
.akkordeon-gruen .ui-accordion-content {
	background-color: transparent;
	border-top-width: 6px;
	border-right-width: 1px;
	border-bottom-width: 6px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-color: #afcb08;
		}
		
	
.akkordeon-kontakt-f .ui-accordion-content{
	padding: 1rem;	
	}


/*
.hg-zeile-gruen,
.hg-zeile-blau,
.hg-zeile-orange {


    h2 {


    }

    .sp-2-1 {
        padding-left: 0;


    }

    h3 {
        color: $white;
        font-weight: $font-weight-medium;
        border-bottom: 1px dotted $white;
        padding-bottom: 0.7rem;
        padding-left: 0;

    }

    p {
        color: $white;
        padding: 0;
    }
}

.hg-zeile-gruen {


    background-color: $color-bereich-gruen-h;


}

.hg-zeile-blau {

    background-color: $color-bereich-blau;

    a {
        color: $color-bereich-gruen-h;
    }


}

.hg-zeile-orange {

    background-color: $color-bereich-orange-h;

    a {
        color: $color-bereich-gruen-h;
    }


}

.hg-rahmen-gruen,
.hg-rahmen-blau,
.hg-rahmen-orange {
    border: 1px solid $color-bereich-gruen-h;
    margin-top: 0;
    margin-bottom: 4px;

    .sp-2-1 {
        padding-left: 0;


    }

    h3 {
        color: $color-bereich-gruen-h;
        font-weight: $font-weight-medium;
        border-bottom: 1px dotted $color-bereich-gruen-h;
        padding-bottom: 0.7rem;
        padding-left: 0;
    }

    p {
        padding: 0;
    }

}

.hg-rahmen-gruen {
    border-color: $color-bereich-gruen-h;
}

.hg-rahmen-blau {
    border-color: $color-bereich-blau;

    h3 {
        color: $color-bereich-blau;
        border-color: $color-bereich-blau;

    }



}

.hg-rahmen-orange {
    border-color: $color-bereich-orange-h;

    h3 {
        color: $color-bereich-orange-h;
        border-color: $color-bereich-orange-h;

    }

}


.box-kontakt-schuso {
    padding: 2rem 3rem;
    margin-left: 2rem;
    margin-bottom: 4px;


}

.navi-standorte-schuso {
    margin-left: 2rem;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    alin-items: stretch;

    padding-top: 3rem;
    padding-bottom: 3rem;

    .sp-3-1 {
        padding-left: 0;
    }


    .hg-zeile-gruen,
    .hg-zeile-blau,
    .hg-zeile-orange {
        border-radius: 6px;
        border: 2px solid $white;
        align-items: center; // vertikal

    }


    .hyperlink_txt {

        color: $white;
        display: block;
        padding: 1.5rem 1.5rem 1.5rem 1.5rem;
        font-size: $font-size-tiny;
        font-weight: $font-weight-bold;
        text-align: center;

        :hover {
            opacity: 0.6;
        }


    }


}


.ce_accordion {

    .ui-accordion-header {
        color: white;
        font-weight: 600;
        padding-left: 0;
        font-size: 3rem;
        padding: 2rem 3rem;
        margin-left: 0;
        margin-bottom: 4px;
    }

    .box-kontakt-schuso {
        margin-left: 0;


    }
}

.hg-zeile-gruen-accordion {


    .ui-accordion-header {

        background-color: $color-bereich-gruen-h;
    }


}

.hg-zeile-blau-accordion {


    .ui-accordion-header {

        background-color: $color-bereich-blau;
    }


}

.hg-zeile-orange-accordion {


    .ui-accordion-header {

        background-color: $color-bereich-orange-h;
    }


}


.ce_accordion .toggler.toggler:before {
    content: "";
    width: 16px;
    height: 16px;
    top: 0;
    left: 0;
    font-size: inherit;
    background-image: url("pfad/zum/bild.png");
}*/
	
/* //////////////////////////////////*/	
/* Blog /////////////////////////////*/	

.blog-css h2{
	line-height:none;
	padding-bottom: 0rem;
	padding: 0;
	margin: 0;
	padding-bottom: 0.6rem;

	}

.blog-css h2 a{
	font-size: 1.5rem;
	color: #afcb38;
	line-height:1.6rem;
	margin: 0;
	padding: 0;	
	}

.blog-css .layout_latest {
    padding-top: 3em;
    padding-bottom: 1em;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #afbab1;
}

.blog-css .first {
	border:none;
	
	}




.blog-css .mod_newslist .image_container,
.blog-css .mod_newsarchive .image_container
{
	padding-top: 0em;
	padding-bottom: 1em;
	padding-right: 3em;
	padding-left: 0em;
	}

.mod_eventlist .time, #main p.info {
    font-size: 12px;
	padding-bottom: 12px;
	color: #474749;
}



#container p.back{

	padding-top: 3rem;
	}

#container p.back a{
	color: #fff;
	background-color: #afcb38;
	padding: 0.5em 1.5em;
	font-style: italic;
	font-weight: 600;
	font-size: 1rem;
	line-height:1.5em;
	transition: all 600ms ease 0s;
	border: 1px solid #afcb38;
	display:inline-block;
	}
	
#container p.back a:hover 
{
	color: #afcb38;
	background-color: #fff;	
	border: 1px solid #afcb38;	
	}
	
	
	
/* Blog-Ende /////////////////////////////*/

/* Galerie /////////////////////////////*/
.ce_gallery {

    margin:0 0 3em 0;

}


.ce_gallery > ul {
    zoom: 1;
    margin: 0 !important;
    padding: 0 0 1.5% 0 !important;
}

.ce_gallery > ul > li > .image_container {
    display: block;
    width: 100%;
}

#container .ce_gallery > ul > li.col_first {
    clear: left;
    margin-left: 0;
}

#container .ce_gallery > ul > li,
#footer .ce_gallery > ul > li
 {
	width: 25%;
	line-height:0;
	list-style-type:none;
	margin: 0 -5px 0 0;
	padding:0 8px 8px 0;
	display:inline-block;
	float:none;
}



#container .galerie-2 li  {
    width: 50%;
}

#container .galerie-3 li  {
    width: 33,33%;
}
		
#container .galerie-6 li  {
    width: 16.66%;
}


.image-area {
    overflow: hidden;
    position: relative;
}

/* Galerie-Ende /////////////////////////////*/

.pagination {
    display: block;
    float: none;
    clear: both;
    padding: 2em  15px 2em 15px;

}

.pagination ul {
    list-style-type: none;
    float: right;
    margin: 0;
    padding: 0;
    display: inline-flex;
}

#container .pagination ul li {
	list-style-type:none;
	margin: 0;
	padding: 0;
}


#container .pagination li span, #container .pagination li a {
    display: inline-block;
    float: left;
    padding: 2px 11px;
    margin: 0 1px;
    color: #292928;
    font-size: 12px;
    background: none;
    border: 1px solid rgba(0,0,0,0.2);
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s;
    font-size: 12px;
	line-height: 1.7rem;

}

#container .pagination li a:hover {
	color: #fff;
	background-color: #afcb38;
}


#container .pagination > p {
    float: left;
    font-size: 12px;
    color: #6E6E6E;
	line-height: 1.7rem;		
}


	
/* Kalender /////////////////////////////*/

.event-kalender .mod_eventlist .header{
	float:none;
	clear:both;
	line-height: 2em;
	background-color: #F3F3F3;
	margin: 2em 15px 0 15px;	
	}

.event-kalender .mod_eventlist .sp-2-1{
	padding-top: 1em;
	padding-bottom: 2em;
	}

.mod_eventlist
 {
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	alin-items: stretch;	 
}

.mod_eventlist .header  {
  flex: 1 100%;
  }
	
.mod_eventlist .sp-2-1 h2
 {
	font-size: 1rem;
	text-transform: none;
	padding-bottom: 0.1rem;
	min-height: 50px;
}

#main .mod_eventlist .sp-2-1 p
 {
	font-size: 1rem;
}



#main .mod_eventlist .sp-2-1 p.time
 {
	font-size: 1rem;

}



.event-kalender table
 {
 width:100%;
 border-collapse:collapse;
/* -webkit-box-shadow:0 0 6px rgba(0,0,0,0.16);
 -moz-box-shadow:0 0 6px rgba(0,0,0,0.16);
 box-shadow:0 0 6px rgba(0,0,0,0.16)*/
}
.event-kalender table th,table td
 {
	border:1px solid #E2E2E2
}
.event-kalender table th {
 padding:0.66667em 1em;
 font-weight:bold;
 text-align:left
}
.event-kalender table td
{
 padding:0.76923em 1.15385em;
 font-size:1rem;
 color:#5a5d63
}
.event-kalender table thead tr {
/* background:-webkit-linear-gradient(top, rgba(175,203,56,0),rgba(175,203,56,0.1));
 background:-moz-linear-gradient(top, rgba(175,203,56,0),rgba(175,203,56,0.1));
 background:-o-linear-gradient(top, rgba(175,203,56,0),rgba(175,203,56,0.1));
 background:linear-gradient(to bottom, rgba(175,203,56,0),rgba(175,203,56,0.1))*/
}
.event-kalender table tfoot tr {
 background-color:#f7f7f7
}


/**/

.tabelle-grau-weiss table
 {
 	width:100%;
	border-collapse: separate;
	border-spacing: 2px;
}

.event-kalender table td .event {
    border-bottom: 1px solid #E2E2E2;
	padding-top: 0.4em;
	padding-bottom: 0.2em;		
}


/**/


#main .mod_eventreader p.info {
	font-size: 1rem;
}

#main .mod_eventreader p.info:before {
    font-size: 16px;
}
	
.mod_eventreader tr.even,
.tabelle-grau-weiss tr.even
 {
    background-color: #F3F3F3;
}

.mod_eventreader .odd,
.tabelle-grau-weiss .odd
{
    background-color: #fff;
}

.mod_eventreader tr.even,
.tabelle-grau-weiss tr.even
 {
    border-top: 1px solid #ddd;	
    border-bottom: 0;
}
.mod_eventreader tr.odd,
.tabelle-grau-weiss tr.odd
 {
    border-top: 0;	
    border-bottom: 1px solid #ddd;
}

.mod_eventreader table td,
.tabelle-grau-weiss table td
 {
    padding: 1em;
	text-align:left;
	vertical-align:text-top;
	line-height: 1.3em;
	}
	

.mod_eventreader table tr.odd td,
.tabelle-grau-weiss table tr.odd td
 {
}

.mod_eventreader table tbody tr.odd td.col_0,
.mod_eventreader table tbody tr.even td.col_0,
.tabelle-grau-weiss table tbody tr.odd td.col_0,
.tabelle-grau-weiss table tbody tr.even td.col_0

 {
    font-weight: 600;
}

.mod_eventreader .ce_hyperlink,
.download-element
{
	padding-bottom: 2em;
}

.mod_eventreader .ce_hyperlink a:link,
.download-element a:link
 {
	background-color: #F3F3F3;
	padding: 1em;
	display:block;
	transition: all 600ms ease 0s;
	border: thin solid #F3F3F3 !important;
}

.mod_eventreader .ce_hyperlink a:hover,
.download-element a:hover
 {
	background-color: #fff;	
}

.mod_eventreader .ce_hyperlink a:visited,
.download-element a:visited
 {
	border: thin solid #F3F3F3 !important;
}


/**/

#main p.location{
	font-size: 1.2rem;
	color: #afcb38;
	font-weight:400;
	margin-bottom: 2em;
	
	}
	
footer .mod_newslist time::before, .mod_newsreader p.info::before, .mod_newslist p.info::before, .mod_eventreader p.info::before, span.date::before {
    content: "\f073";
	color: #afcb38;
	font-size: 14px;

}

ul.enclosure{
	background-color: #F3F3F3;
	padding: 1em;
	
	}
	


 /* ++++++++++++++++++++++++ */

.event-kalender.mod_calendar th {
 border-bottom:1px solid #c2c6cc
}
.mod_calendar th.previous,.mod_calendar th.next {
 font-size:0.93333em;
 padding:0
}
.mod_calendar th.previous a,.mod_calendar th.next a {
 padding:0.66667em 1em;
 display:block;
 text-decoration:none
}
.mod_calendar th.previous a:after,.mod_calendar th.previous a:before,.mod_calendar th.next a:after,.mod_calendar th.next a:before {
 display:none
}
.mod_calendar th.current {
 text-align:center
}
.mod_calendar th.current:before {
 font: normal normal normal 15px/1 FontAwesome;
 content:"\f073";
 -webkit-font-smoothing:antialiased;
 font-smoothing:antialiased;
 text-rendering:geometricPrecision;
 text-indent:0;
 display:inline-block;
 position:relative;
 margin-right:0.33333em
}
.mod_calendar th.next {
 text-align:right
}
.mod_calendar th.label {
 font-size:0.8em;
 text-align:center
}
.mod_calendar td {
 width:14.28571%;
 background:#fafcf3;
 vertical-align:top
}
.mod_calendar td.empty {
 background:none;
}
.mod_calendar td.today {
 font-weight:bold;
 color:#fff;
 background:#afcb38;
}

.mod_calendar td.today a:link {
	color: #445300;
}

.mod_calendar td.today a:hover {
	color: #779100;
	text-decoration:underline;
}

.mod_calendar .event {
 font-size:0.8em
}
.mod_calendar .minicalendar td,.mod_calendar .minicalendar th {
 padding:0;
 text-align:center;
}
.mod_calendar .minicalendar td.previous a,.mod_calendar .minicalendar td.next a,.mod_calendar .minicalendar th.previous a,.mod_calendar .minicalendar th.next a {
 padding-left:0;
 padding-right:0;
}

	
	
/* Kalender Ende /////////////////////////////*/		
/* ///////////////////////////////////////////*/

/* Angebote Tabelle /////////////////////////////*/


.css-tabelle-angebot table{
	table-layout: fixed;
	
	}

.css-tabelle-angebot .head_0,
.css-tabelle-angebot .head_1,
.css-tabelle-angebot .head_2
{
	padding: 1em;
	text-align: left;
	vertical-align: text-top;
	line-height: 1.3em;
	background-color: #999999;
	color: #fff;	
	}
	
.css-tabelle-angebot .th{
	height: 100;
	}	
	
.css-tabelle-angebot .tabelle-grau-weiss table tbody tr.even td.col_0,
.css-tabelle-angebot .tabelle-grau-weiss table tbody tr.odd td.col_0
 {
    font-weight: 300;
}



/* Kalender Ende /////////////////////////////*/		
/* ///////////////////////////////////////////*/
		
/* bildergalerie /////////////////////////////*/


#container .bildergalerie {
	padding-top: 1em;
	margin-bottom: 2em

	}
/*
#container .bildergalerie li,
#container .bilder-rund li
{
	list-style-type:none;
	margin: 0 -5px 0 0;
	padding:0 16px 16px 0;
	width: 25%;
	display:inline-block;
	float:none;

	}
	
	*/
	





/* Spaltensets /////////////////////////////*/
.artikel-sp8,
.artikel-sp7,
.artikel-sp6, 
.artikel-sp5, 
.artikel-sp4, 
.artikel-sp3, 
.artikel-sp2, 
.artikel-sp1,
.slider-start,
#leistungen-sportivation .inside,
#news .inside,
#neuigkeiten .inside,
#standorte .inside,
#fuss-bildleiste,
/*#fuss-navigation,*/
#logo-kontakt-smedia,
#copyright .c-inside,
.breite-1230,
.breite-1500,
.breite-1024,
#main .inside
 {
	position:relative;
    width: 100%;
	max-width: 1230px;
	margin: 0 auto;
 	border: 0px dotted #666;
	padding-bottom: 1em;
	}
	
.navi-rechts #container,
#main .inside

 {
	position:relative;
    width: 100%;
	max-width: 1230px;
	min-width: inherit;
	margin: 0 auto;
 	border: 0px dotted #666;
	padding-bottom: 3rem;
	}
	
	
	
	
.slider-start,
.breite-1500
{
	max-width: 1500px;
	padding-bottom: 0;

	}
	
.breite-1024
{
	max-width: 1024px;

	}
	

#container #main .inside
 {
	 padding-top: 3em;
	}
	
.navi-rechts #container #main .inside
 {
	 padding-right: 4em;	

	}		
	

	
.sp-1-1 {
	max-width: 1230px;
	margin: 0 auto;
 	border: 0px dotted #666;	
}	
	

.sp-2-1 {
	width: 50%;
 	border:0px dotted #666;
}

.sp-3-1 {
    width: 33.3333%;
 	border: 0px dotted #666;
	

}

.sp-3-2 {
    width: 66.6666%;
 	border: 0px dotted #666;
}

.sp-4-1{
    width: 25%;
}

.sp-4-3 {
    width: 73%;
}

.sp-8-1
 {
    width: 12.5%;
 	border:none;
}

.sp-6-1 {
    width: 16.66%;
 	border:none;
}	


.sp-4-1, .sp-3-1, .sp-3-2, .sp-2-1, .sp-1-1, .sp-8-1, .sp-4-3, .sp-6-1 {
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
}


.sp-6-1,
.sp-8-1, 
.sp-4-1,
.sp-4-3, 
.sp-3-1,
.sp-3-2,  
.sp-2-1

{
	float:left;
}

/* Spaltensets ende /////////////////////////////*/

	
/* kopfzeile  ///////////////////////////////////////////////////*/	

#kopfzeile-telefon{
	background-color: #afcb38;
	}
	
#kopfzeile-telefon a{
	color: #fff;
	}
	
#kopfzeile-telefon a span{
	font-size: 1.5em;
	}	
	
#kopfzeile-telefon ul li{
    display: inline-block;
    position: relative;
    width: auto;
	color: #fff;
	padding-left: 0.5em;
	padding-right: 0.5em;	
	}
	
#kopfzeile-telefon .social-icons-2{
	text-align:right;	
	}		

#kopfzeile-telefon .social-icons-2 a span{
	padding: 0.3em;
	}
	
#kopfzeile-telefon .social-icons li
{
	padding-top: 0.4em;
	}	
		
#hauptmenue{
	padding-top: 35px;
	padding-bottom: 20px;
    transition: all 300ms ease 0s;	
	}

#hauptmenue.fixed {

}

.hauptmenue-original {
	height: 120px;
	border-top: 1px solid #afcb38;
    transition: all 300ms ease 0s;

}

.hauptmenue-platzhalter #hauptmenue{
	padding-top: 10px;
	padding-bottom: 10px;

	
}

.hauptmenue-platzhalter {
	position: fixed;
	top: -75px;
	left: 0;
	width: 100%;
  	height: 75px;
	background-color: #fff;
	border-top: 1px solid #afcb38;		
	box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
	opacity: 0;
	z-index: 999;
	transition: top 300ms ease, opacity 300ms ease;
}

.hauptmenue-platzhalter.fixed {
	top: 0;
	opacity: 1;
}

.logo-sportivation .image_container{
	float:right;
	text-align:right;
	padding-top: 10px;
    transition: all 300ms ease 0s;
	}
	
	
	
.css-smi-fit .hauptmenue-original .logo-sportivation .image_container{
	padding-top: 5px;
	}
	
	
.hauptmenue-platzhalter .logo-sportivation img{
	width: 60%
	}	
	
/* titelbild  ///////////////////////////////////////////////////*/	
.titelbild{
	
	}
	
/* slider  ///////////////////////////////////////////////////*/

.slider-control {
    position: absolute;
    top: 0;
    width: 100%;
}
.slider-control {
    height: 24px;
}


.slider-control .slider-prev {
    left: 0;
}
.slider-control a, .slider-control .slider-menu {
    color: #fff;
	font-size:0;
}

.slider-control a, .slider-control .slider-menu {
    display: inline-block;
    position: absolute;
    padding: 15px;
    position: absolute;
    text-align: center;
}


.content-slider a.btn::before, .slider-control a.slider-prev::before, .slider-control a.slider-next::after,
footer .mod_newslist time::before, .mod_newsreader p.info::before, .mod_newslist p.info::before, .mod_eventreader p.info::before, span.date::before 
 {
    font-family: FontAwesome;
    padding-right: 6px;
}

.slider-control a.slider-prev::before {
    content: "\f104";
	}
	
.slider-control a.slider-next::after {
    content: "\f105";
}

.slider-control a.slider-prev::before, .slider-control a.slider-next::after {
    font-size:38px;
}

.slider-control a:hover, .slider-control .slider-menu:hover, footer .mod_navigation li strong, footer .mod_navigation li .trail > span, a:hover {
    color: #779100;
    text-shadow: none;
}

	
	
	
.slider-start{
	padding-bottom: 0!important;
	}
.slider-textbox,
.slider-textbox-2-leistungen
{
	position:absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;	
	width: 100%;
}

.slider-textbox-2{
	position:relative;
	top: 4em;
	left: 0;
	margin: 0 auto 0 auto;	
	width: 100%;
	max-width: 1230px;
}

	
.slider-textbox-inside{
	position:relative;
	width: 365px;
	padding: 1.8em;
	background-color:rgba(255,255,255,0.8);
 	border: 0px dotted #666;	
	}
	
.slider-textbox-2-leistungen .slider-textbox-inside{
	width: 90%;
	background-color:transparent;
	padding-left: 1em;
	padding-top: 2.5rem;
	
	}	
	
.slider-textbox-inside p:nth-child(1) {
	font-size: 0.9rem;
	font-weight: 300;
	text-transform: uppercase;
	padding-bottom: 0.5rem;
	
	}
	
.slider-textbox-2-leistungen .slider-textbox-inside p:nth-child(1) {
	font-size: 1.8rem;
	font-weight: 400;
	text-transform: uppercase;
	padding-bottom: 1em;
	
	}		
		
.slider-textbox-inside p:nth-child(2) {
	font-size: 1.8rem;
	font-weight: 400;
	padding-top: 0;
	padding-bottom: 0.5rem;
	margin:0;	
	}
	
.slider-textbox-2-leistungen .slider-textbox-inside p:nth-child(2) {
	font-size: 1.9rem;
	font-weight: 300;	
	}	


.gruener-link{
	margin-bottom: 2em;
	}
		
.slider-textbox-inside a,
.gruener-link a,
.beratung-link a     
{
	color: #fff !important;
	padding: 0.5em 1em;
	font-weight: 600;
	font-size: 1.1em;
	line-height:1.5em;
	display:block;
	transition: all 600ms ease 0s;
	border-radius: 0.2em;
	}
	
.link-inline-block{	
	display:inline-block;
	}
	
.slider-textbox-inside a,
.gruener-link a{	
	background-color: #afcb38;
	border: 1px solid #afcb38;	
	}	
	
.beratung-link a{
	background-color: #58585a;
	border: 1px solid #303032;
	}
	
.slider-textbox-inside a:hover,
.gruener-link a:hover,
.beratung-link a:hover
{
	color: #afcb38 !important;
	background-color: #fff;	
	border: 1px solid #afcb38;	
	}	
	
.firmencup-logo-container{
	
	}

.firmencup-textbox{
	position:absolute;
	top: 5em;
	left: 3em;
    transition: all 300ms ease 0s;

	
	}

.firmencup-textbox-2{
	
	}
	
.firmencup-textbox-inside{
	
	}
	
.firmencup-textbox-inside p{
	font-size: 2.3rem;
	color:#fff;
	text-shadow: 0 1px 1px #666666;
	padding-left: 3px;
    transition: all 300ms ease 0s;
	

	}		
	
p.firmencup-h1{
	font-size: 5.5rem;
	font-weight: 800;
	padding-bottom: 0;
	line-height: 1em;
	color:#fff;
	text-transform: uppercase;
	text-shadow: 0 2px 2px #666666;
	padding-left: 0;
    transition: all 300ms ease 0s;
	
	
	}
	
.css-firmen-cup-link{
	
	}
	
.css-firmen-cup-link:hover{
	background-color: #fff;
	
	}	
	
.css-firmen-cup-link a:link{
	color: #fff;
	font-size: 2rem;
	padding: 0.5em 1em;
	display:block;
	background-color: #afcb38;
	border: 1px solid #afcb38;
	transition: all 600ms ease 0s;	
	}	
	
.css-firmen-cup-link  a:hover {
    color: #afcb38;
	background-color: #fff;	
}		
	
	
/* bildleiste  3ergruppe  ///////////////////////////////////////////////////*/		
	
#bildleiste  {
	position:relative;
	margin: -65px auto 0 auto;	
	width: 100%;
	max-width: 1230px;
    padding: 8px;
	background-color: #fff;

}



#bildleiste .sp-3-1  {
	opacity: 1;
	transition: all 600ms ease 0s;

}
/*
#bildleiste .sp-3-1:hover  {
	opacity: 1;
}

#bildleiste .sp-3-1:nth-child(1) {
	opacity: 1;
	
	}
	
*/
#bildleiste .sp-3-1  {
    padding: 8px;

}

#bildleiste a  {
    padding: 0;
	margin: 0;

}

#bildleiste h2 {
	position: absolute;
	top: 8px;
	right: 8px;
	background-color: #58585a;
	margin: 0 0 0 8px;
	z-index: 101;
	padding: 0.3em 0.5em;
	color: #fff;
	font-size: 1.3em;
	font-weight: 400;
	text-transform: none;
	text-align:right;
}


/* bildleiste  2ergruppe  ///////////////////////////////////////////////////*/		
	
#bildleiste-2  {
	position:relative;
	margin: -48px auto 0 auto;	
	width: 100%;
	max-width: 768px;
    padding: 16px;
	background-color: #fff;

}



#bildleiste-2 .sp-2-1  {
	opacity: 1;
	transition: all 600ms ease 0s;

}
/*
#bildleiste .sp-3-1:hover  {
	opacity: 1;
}

#bildleiste .sp-3-1:nth-child(1) {
	opacity: 1;
	
	}
	
*/
#bildleiste-2 .sp-2-1  {
    padding: 24px;

}

#bildleiste-2 a  {
    padding: 0;
	margin: 0;
	font-weight: 400;

}

#bildleiste-2 h2 {
	font-size: 1.3em;	
/*	position: absolute;
	top: 8px;
	right: 8px;
	background-color: #58585a;
	margin: 0;
	z-index: 101;
	padding: 0.3em 0.5em;
	color: #fff;

	font-weight: 400;
	text-transform: uppercase;*/
}


/* ende -- kopfzeile  ///////////////////////////////////////////////////*/	
/* ///////////////       ////////////////////////////////////////////////*/

	
/* krankenkassenpartner  ////////////////////////////////////////////////*/
	
#krankenkassenpartner {
	position:relative;
	margin: 0 auto;	
	width: 100%;
	max-width: 1100px;
	padding-top: 2em;
	padding-bottom: 3em;

}

#krankenkassenpartner h2 {
    padding-left: 36px;

}
	
#krankenkassenpartner p{
	font-weight: 400;
	padding-top: 0;

}

	

#krankenkassenpartner .gruener-link {
	padding-top: 34px;

}

#zitat{
	/*padding-top: 2em;
	padding-bottom: 2em;	*/
	border-top-width: 0px;
	border-top-style: solid;
	border-top-color: #afbab1;
	}

#zitat p{
	color: #a1be29;
	font-size: 2em;
	font-style: italic;
	font-weight: 300;
	}
	
#zitat p.fussnote{
	font-size: 1.2rem;
	font-style: italic;
	padding-top:1rem;
	}

/* leistungen-sportivation  ////////////////////////////////////////////////*/


#leistungen-sportivation {
	background-image: url(../../media/leistungen-sportivation/startseite/leistungen-sportivation-hg.jpg);
	background-size: cover;
	background-color: #eaedeb;
	padding-top: 3rem;
	padding-bottom: 2rem;
	margin-bottom: 2rem;
	background-position: right;
}

#container #main #leistungen-sportivation .inside {
    padding-top: 0;
}


/* Leistungen Übersicht  ////////////////////////////////////////////////*/


#container #main #einstieg-analysen .inside {
    padding-top: 0;
}

#einstieg-analysen,
#bewegung-kurse,
#wissen-seminare,
#spezial-angebote {
	padding-top: 0em;
	padding-bottom: 1em;	
}


#einstieg-analysen,
#wissen-seminare

 {
	background-color: #fff;
}

#bewegung-kurse,
#spezial-angebote
 {
	background-color: #fff;
	
}

.seite-leistungen-uebersicht #main .sp-3-1{
    min-height: 1px;
    padding-left: 0;
    padding-right: 0;
	margin-left: 1%;
	margin-right: 1%;
	margin-bottom: 24px;
	width: 31.33%;
	background-color: #f2f1f2;	

	}
	
.seite-leistungen-uebersicht #main .in-orange .sp-3-1{
	border-bottom: 5px solid #f59b00;
	}
.seite-leistungen-uebersicht #main .in-rot .sp-3-1{
	border-bottom: 5px solid #d50d0e;
	}	
.seite-leistungen-uebersicht #main .in-blau .sp-3-1{
	border-bottom: 5px solid #00a2d6;
	}	
.seite-leistungen-uebersicht #main .in-gruen .sp-3-1{
	border-bottom: 5px solid #afcb08;
	}		

.leistungen-us-box figure{
	padding-bottom: 1em;
	}
	

#main .leistungen-us-box p{
	text-align:center;
	font-weight:400;
	padding-left:0.5em;
	padding-right: 0.5em;
	padding-bottom: 0.8rem;
	}
	
#main .leistungen-us-box h3{
	text-align:center;
	color: #333;
	font-weight:400;
	border:none;
	font-size: 1.3rem;	
	}	
	
#main .in-orange .leistungen-us-box p{
	color: #f59b00;
	}	

#main .in-rot .leistungen-us-box p{
	color: #d50d0e;
	}
	
#main .in-blau .leistungen-us-box p{
	color: #00a2d6;
	}
		
#main .in-gruen .leistungen-us-box p{
	color: #afcb08;
	}	
/*
@media all and (min-width: 30em) { 
.leistungen-sportivation { 
background: url(Monumentvalley-mittel.jpg) center; 
} } 

@media all and (min-width: 60em) { 
.leistungen-sportivation { 
background: url(Monumentvalley-gross.jpg) center; 
} }
*/

#leistungen-sportivation .artikel-sp3,
#einstieg-analysen .artikel-sp3,
.seite-leistungen-uebersicht .custom .artikel-sp3,
.trainer-doz-boxen,
.css-neuigkeiten-start,
.css-tabelle-angebot
 {
	display: -webkit-flex;
   	display: -ms-flex;
   	display: flex;
   	-webkit-flex-wrap: wrap;
   	-ms-flex-wrap: wrap;
   	flex-wrap: wrap;
	alin-items: stretch;
}

 
#leistungen-sportivation h2 {
	padding-bottom: 1em;

}

#leistungen-sportivation .sp-3-1 {
	background-color:rgba(255,255,255,0.7);
	padding: 20px 20px 0 20px;
	margin: 10px;
	border: 1px solid #F5F5F5;
	transition: all 600ms ease 0s;	
}

#leistungen-sportivation .sp-3-1:hover {

	background-color:rgba(255,255,255,1);
}

#leistungen-sportivation .image_container {
	padding-right: 25px;
	padding-bottom: 16px;
}
#leistungen-sportivation h3{
	font-size: 1.9em;
	font-weight: 400;
	padding-bottom: 0.7rem;
	padding-top: 0.3em;
	text-transform: uppercase;
	}	

#leistungen-sportivation .orange-h3 h3{
	color: #f59b00;
	}

#leistungen-sportivation .blau-h3 h3{
	color: #00a1d5;
	}
	
#leistungen-sportivation .rot-h3 h3{
	color: #d50d0e;
	}	
	
#leistungen-sportivation .gruen-h3 h3{
	color: #afcb08;
	}
	
#main #leistungen-sportivation  p {
    font-size: 1rem;
    line-height: 1.4em;
	padding-bottom:0.5em;
}	

#leistungen-sportivation a,
#main .leistungen-us-box a,
.trainer-doz-boxen a
{
	position:absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 998;
	width: 100%;
	height: 100%;
	}
	
	
	
/* neuigkeiten-sportivation  ////////////////////////////////////////////////*/


#neuigkeiten {
	padding-top: 0;
	padding-bottom: 4em;
}

.css-neuigkeiten-start {
	
	}

#neuigkeiten .sp-2-1 {
	background-color: #F3F3F3;
	padding: 20px;
}

.css-neuigkeiten-start .even {
	border-right: 10px solid #FFF;	
	border-left: 10px solid #FFF;
}

.css-neuigkeiten-start .odd {
	border-left: 10px solid #FFF;
	border-right: 10px solid #FFF;	
}

#neuigkeiten .css-neuigkeiten-start h2
 {
	font-size: 1.1rem;
	text-transform: none;
	padding-bottom: 0.1rem;
}


#neuigkeiten .css-neuigkeiten-start h2 a,
.mod_eventlist h2 a
 {
	color: #afcb38;
}


#neuigkeiten .image_container {
    padding-top: 0em;
    padding-bottom: 1em;
    padding-right: 2em;
    padding-left: 0em;
}	
	
/* Standorte-sportivation  ////////////////////////////////////////////////*/


#standorte {
	background-color: #afcb38;
	padding-top: 3em;
	padding-bottom: 1em;
}

#standorte h2,
#standorte p,
#container #standorte a
{
	color: #fff;
	font-weight: 400;
}

#standorte .text-grau p
{
	color: #666;
	float:left;
}


#standorte h3
{
	font-size: 1.1rem;
	color: #fff;
	text-transform: uppercase;
	padding-bottom: 0.1rem;
}

#kontakt-ansprechpartner .sp-4-1{
	padding-bottom: 2em;
	}

#kontakt-ansprechpartner h3{
	background-color: #58585a;
	color: #fff;
	padding: 0.5em;
	margin-bottom: 1em;	
	}

	
#kontakt-ansprechpartner .ce_text p{
	padding-left: 0.5rem;
	margin-bottom: 0.1rem !important;
	}
	
/* Kontakt bei Interesse   ///////////////////////////////////////*/

.kontaktaufnahme-box{
	background-color: #F3F3F3;
	border: none;
	margin-top: 2em;
	padding-left: 3em;
	padding-bottom: 2em;
	padding-top: 2em;
	column-count: 1;
	border: 1px solid #E2E2E2;
	
	}	
	
/* team-dozenten  ////////////////////////////////////////////////*/

.trainer-dozenten{
	}
	
.trainer-dozenten #container #main .inside {
    padding-right: 3em;
}

.trainer-doz-boxen .sp-4-1

 {
	 margin-bottom: 2em;
}

.trainer-doz-boxen .sp-4-1:hover

 {
	background-color: #F7F7F7;
	transition: all 700ms ease 0s;	
}
	
.trainer-dozenten #container h2{
	font-size: 1.8rem;
	font-weight: 400;
	color: #58585a;
	padding-bottom: 0.8em;
	}	
	
.trainer-dozenten #container .sp-4-1 h3{
	font-size: 1rem;
	padding-bottom: 0;
	}
	
	
.trainer-dozenten #container  p{
	font-size: 1rem;
	letter-spacing: -0.05em;
	font-style: italic;
	font-weight: 400;
	}			

.trainer-dozenten #container figure{
	text-align:center;

	}

.bilder-trainer-dozenten {
	padding: 15px 0 10px 0;
}

/* Layer - Trainer/Dozenten    ////////////////////////////////////////////////*/




	
#container-trainer-doz .layer-dozenten{
	display: -webkit-flex;
   	display: -ms-flex;
   	display: flex;
   	-webkit-flex-wrap: wrap;
   	-ms-flex-wrap: wrap;
   	flex-wrap: wrap;
	alin-items: stretch;
	padding: 1rem;
	}
	
#container-trainer-doz h1{
	color: ##58585a;
	padding-top: 0;
	padding-bottom: 0.5rem;
	margin-bottom: 0.2rem;
	border-bottom: thin solid #afbab1;
	}	
	
#container-trainer-doz figure {
	padding: 12px 0 36px 0;
	}
	
#container-trainer-doz figure img 
{
	border-radius: 0;
	border:none;

	}
	
	
#container-trainer-doz p
{
    font-size: 1rem;
	padding-bottom: 1em;
	}
	
#container-trainer-doz ul{
	padding-bottom: 1em;
	
	}
		
#container-trainer-doz li{
	margin-left: 1.5rem;
	list-style-position:outside;
	font-size: 1rem;
	
	}
	
#container-trainer-doz li::before
 {
	display: inline-block;
	margin-left: -1.1em; /* same as padding-left set on li */
	width: 1.1rem; /* same as padding-left set on li */
	line-height: 1rem;
}

#container-trainer-doz li::before{
	content: "•"; /* Unicode */	
	}	

#container-trainer-doz .bilder-trainer-dozenten {
	padding: 0;
}

	
/* Akkordeon   ////////////////////////////////////////////////*/



/* /////////////////////////////*/		
/* Leistungen /////////////////////////////*/


/*
#container-leistungen-sub-navi{
	background-color:#58585a;
	position:relative;
	margin-bottom:2em;		
	}
	
#main #container-leistungen-sub-navi .inside{
    padding-bottom: 0;
}

.leistungen-sub-navi  {
	padding-left: 13px;
	padding-right: 13px;
	background-color: #fff;

	}	

.leistungen-sub-navi .sp-4-1{
	padding-left: 2px;
	padding-right: 2px;	
	
	}
	
.button-leistungen a{
	display: block;
	padding: 0.8em;
	text-align:center;
	font-weight: 400;
	text-transform: uppercase;
	color: #fff;
	font-size: 1.2rem;
	}
	
*/
/* /////////////////////////////*/		
/* einstieg-analysen-orange /////////////////////////////*/




	
.in-orange h1::before,
.in-blau h1::before,
.in-rot h1::before,
.in-gruen h1::before
 {
    content: "";
    position: relative;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 100%;
    width: 80px;
    height: 80px;
    background-position: center;
    margin-right: 20px;
    bottom: -20px;
}


h1.ikon-orange::before,
h1.ikon-rot::before,
h1.ikon-blau::before,
h1.ikon-gruen::before
{
    width: 50px;
    height: 50px;
	margin-right: 10px;
    bottom: -10px;
	}


.seite-leistungen-uebersicht h2
 {
	 padding-bottom: 1.5em;

 }

.seite-leistungen-uebersicht h2:after,
.seite-leistungen-uebersicht-digital h2:after

 {
    content: "";
    position: relative;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 100%;
    height: 110px;
	width: 350px;
    margin-left: 1em;
	top: 45px;
}


	
/*+++++++++*/
.button-in-orange {
	padding-left: 15px;
	}
	
.button-in-orange a{
	background-color: #f59b00;	
	}
	
.in-orange h1,
.in-orange h2
{
	color: #f59b00;
	}
		
h1.ikon-orange::before
{
	background-image: url(/files/sportivation/media/leistungen-sportivation/ikon-analysen-einstieg-orange.png);
	}	

.in-orange h2::after
{
	background-image: url(/files/sportivation/media/leistungen-sportivation/x_leistungen-gesundheitskoordinator-einstieg.png);
	}
	
		
/*+++++++++*/
.button-in-rot a{
	background-color: #d50d0e;

	}

.in-rot h1,
.in-rot h2
{
	color: #d50d0e;
	}

h1.ikon-rot::before
{
	background-image: url(/files/sportivation/media/leistungen-sportivation/ikon-bewegung-kurse-rot.png);
	}			
	
.in-rot h2::after
{
	background-image: url(/files/sportivation/media/leistungen-sportivation/x_leistungen-gesundheitskoordinator-bewegung.png);
	}	
	
	
/*+++++++++*/
.button-in-gruen {
	padding-right: 15px;
	
	}

.button-in-gruen a{
	background-color: #afcb08;
	
	}

.in-gruen h1,
.in-gruen h2
{
	color: #afcb08;
	}

	
h1.ikon-gruen::before
{
	background-image: url(/files/sportivation/media/leistungen-sportivation/ikon-spezial-angebote-gruen.png);
	}			
	
.in-gruen h2::after
{
	background-image: url(/files/sportivation/media/leistungen-sportivation/x_leistungen-gesundheitskoordinator-spezial.png);
	}	
	
		
	


/* sp-1-1 in-blau /////////////////////////////*/

.button-in-blau a{
	background-color: #00a2d6;
	
	}

.in-blau h1,
.in-blau h2

{
	color: #00a2d6;
	}
	
	
h1.ikon-blau::before
{
	background-image: url(/files/sportivation/media/leistungen-sportivation/ikon-wissen-seminare-blau.png);
	}
	
#wissen-seminare h2::after,
#wissen-seminare-digital h2::after
{
	background-image: url(/files/sportivation/media/leistungen-sportivation/x_leistungen-gesundheitskoordinator-wissen.png);
	}
	
		

/* Leistungen - Sonderformate ////////////////////////////*/

.css-interview
{
	background-color: #f2f1f2;
	color: #fff;
	padding: 2em 0 0 0;
	}
	
.css-interview .ce_text{
	padding-left: 2em;
	padding-right: 2em;
	padding-bottom: 1em;	
	}	
	
#main .css-interview .ce_text p{
	overflow:visible;	
	}	
	
	
.css-interview figure{
	display:inline;
	padding-right: 2em;
	padding-bottom: 1em;
	}
	
	

	
/*h2 {
    font-size: 1.8rem;
    font-weight: 400;
    color: #58585a;
    padding-bottom: 0.8em;
}*/
	
	
		
.vorteile-ueberblick{
	background-color: #f3f7e5;
	color: #fff;
	padding: 2em;
	margin-bottom: 2em;
	border: 1px solid #DDE8B3;
	}
	
	
	
.vorteile-ueberblick h2{
	font-weight: 300;
	text-transform:none;
	}
	
#container .vorteile-ueberblick ul{
	padding: 0;
	margin-bottom: 0;

	}		
	
#container .vorteile-ueberblick li{

	}	
	

		
	
/* uebung-der-woche ////////////////////////////*/

.uebung-der-woche {
	}
	
.udwoche {
	padding-bottom: 2em;		
	}
	
.udwoche .image_container{
	padding-top: 2em;
	padding-bottom: 2em;		
	}
	
.udwoche .caption{
	font-size: 14px;
	color: #666;
	}	
	
#main .evoletics p{
	font-size: 0.8em;	
	}
	
#main .evoletics a{
	padding-right: 1em;
	padding-left: 1em;			
	}
	
	
		
.evoletics img{
	font-size: 0.8em;
	position:relative;
	top: 1px;
	}
	
			
/* referenzen /////////////////////////////*/

.artikel-referenzen .image_container,
#main .inside .css-artikel-mit-bild .image_container{
	padding-top: 0em;
	padding-bottom: 1em;
	padding-right: 3em;
	padding-left: 1em;
	}
	
#container .artikel-referenzen ul {
	margin-left: 0em;
}
	

.artikel-referenzen .ce_text{
	padding-top:2em;
	padding-bottom: 1em;	
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #afbab1;
	}
	
.artikel-referenzen .liste-textbox{
	overflow:hidden;
	
	}
	

	
.artikel-referenzen .first{
	border:none;
	}	
/* /// ++++++++++++++++++++++++++++++ /////////////////////////////*/	
		
/* rechte Seite /////////////////////////////*/					
	
.rechts-zusatz{
	padding-top: 2em;
	
	}	
	
	
/* /// ++++++++++++++++++++++++++++++ /////////////////////////////*/	
		
/* Footer /////////////////////////////*/

#footer {
	background-color:#58585a;
	}
	
#footer .inside{
	padding-top: 4em;	
	}
		

#logo-kontakt-smedia{
	padding-top: 3em;
	padding-bottom: 3em;
	color: #fff;	
	}
	
#logo-kontakt-smedia span.fa{
	font-size: 1.3rem;
	width: 36px;	
	}
	
#logo-kontakt-smedia p{
	line-height: 1.8rem;
	}
		
#logo-kontakt-smedia a{
	color: #afcb38;
	font-weight:400;
	}
	
#logo-kontakt-smedia a span{
	color: #fff;	
	}	
	
#logo-kontakt-smedia h4{
	font-size: 1.1rem;
	color: #fff;
	font-weight: 400;
	}	

#logo-kontakt-smedia img{
	width: 80%;
	padding-top: 5px;
		}
		
#logo-kontakt-smedia .bild-breite-auto img{
	width:auto;
	padding-top: 5px;
		}	
	
/* copyright ############################################################*/



#copyright{
	color:#58585a;
	background-color:#fff;
	padding: 1.5em 0 2.5em 0;
	margin-top: 4em;
	font-size: 0.8em;
	}	
	

		
#copyright a{
	color:#58585a;
	font-weight:400;
	padding:5px;
	text-decoration:none;
	}
	
#copyright a:hover{
	color:#496b00;

	}
	
.fuss-impressum{
	float:right;
	text-align:right;	
	}
	
.fuss-unternehmen{
	float:left;	
	}		
	
/* copyright Ende ############################################################*/

	
	
/* Footer /////////////////////////////*/	
/* /// ++++++++++++++++++++++++++++++ /////////////////////////////*/	



/* Sonderformatierung /////////////////////////////*/

.clearfix:before, .clearfix:after {
    content: " ";
    display: table;
}
*, *:after, *:before {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}
*, *:before, *:after {
    box-sizing: border-box;
}
.clearfix:after {
    clear: both;
}

/* +++++++++++++++++++++ */

.center-ausrichtung {
	float:none;
	text-align: center;	
	}

.inhalte-werden-zentriert {
  display: flex;
  align-items: center;
  justify-content: center;
}
	
.abstand-klein-36{
    height: 36px;
    width: 100%;
    font-size: 1px;
    position: relative;
    clear: both;
    float: left;	
	} 
	
.abstand-klein-1{
    height: 1px;
    width: 100%;
    font-size: 1px;
    position: relative;
    clear: both;
    float: left;	
	}	

.gerade{
	
	}
.padding-top-1{
	padding-top: 1em;
	}
	
.pt15{
	padding-top: 1.5em;
	}	
	
.padding-bottom-1{
	padding-bottom: 1em;	
	}

.padding-top-2,
.pt2{
	padding-top: 2em;
	}
	
.padding-top-3,
.pt3{
	padding-top: 3em;
	}	
	
.padding-bottom-2,
.pb2{
	padding-bottom: 2em;	
	}		
.padding-bottom-3,
.pb3{
	padding-bottom: 3em;	
	}
	
.margin-bottom-3,
.mb3
{
	margin-bottom: 3em;	
	}
.padding-bottom-4{
	padding-bottom: 4em;	
	}
.padding-bottom-5,
.pb5{
	padding-bottom: 5em;	
	}
	
	
	
.mt16{
	margin-top: 1.6em;
	}
	
.mt24{
	margin-top: 2.4em;
	}	
	
.padding-l-r-3em{
	padding-left: 3rem;
	padding-right: 3rem;
	
	}
	
blockquote{
	margin: 0rem 2rem 1rem 2rem;
	}
	
.text-blau {
	color: #00a1d5;	
	}
		
.text-rot-fett,
#container .liste-rot-fett li
 {
	color: #d50d0e;
	font-weight: bold;
			}
			
.liste-rot-fett h3
 {
	color: #d50d0e;
			}
				
.liste-rot-fett h2
 {
	color: #d50d0e;
			}						
			
.text-rot-normal {
	color: #d50d0e;
	font-weight: normal;
		}
		
#main .inside .mod_article .text-gross-1-4 p {
	padding-top:2.5em;
	font-size: 1.5rem;
		}		
		
.hg-hellblau{
	background-color: #eff9fd;	
	}
	
.text-gruen-italic{
	color: #afcb08;
	font-style: italic;
	font-size: 1.2rem;
	}
	
	
/* Ende - Sonderformatierung /////////////////////////////*/

/* formulare############################################################*/

.css-formular-veranstaltungen{
	padding-top: 2em;	
	}


#main p.error{
	color:#FF3300;
	font-size: 1rem;
	font-weight:600;
	
	}	
	
input::-moz-placeholder, textarea::-moz-placeholder {
    opacity: 1;
}

input[type="text"], 
input[type="password"], 
input[type="date"], 
input[type="datetime"], 
input[type="email"], 
input[type="number"], 
input[type="search"], 
input[type="tel"], 
input[type="time"], 
input[type="url"], 
textarea 
{
	margin: 5px 0 5px 0;
	padding: 8px 5px 0px 5px;
	font-size:1.1em;
	line-height:2em;
	-moz-box-sizing: border-box;
	display: inline-block;
	transition: all 0.30s linear 0s;
	width: 90%;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #afcb38;
	border-right-color: #afcb38;
	border-bottom-color: #afcb38;
	border-left-color: #afcb38;
	font-family: inherit;
	font-weight: 300;
	font-style: italic;
	background-color: #F7F7F7;
}

select {
	background-color: #fafcf3;
	width: 90%;
	font-size: 1.1rem;
	font-family: inherit;
	font-weight: 300;
	font-style: italic;
	border: 1px solid #afcb38;
	
}

select option{
	font-family: 'Open Sans', sans-serif !important;	
	font-style: italic !important;
	
}

input[type="text"]:hover, 
input[type="password"]:hover, 
input[type="date"]:hover, 
input[type="datetime"]:hover, 
input[type="email"]:hover, 
input[type="number"]:hover, 
input[type="search"]:hover, 
input[type="tel"]:hover, 
input[type="time"]:hover, 
input[type="url"]:hover, 
textarea:hover {
	outline: 0 none;
	background-attachment: scroll;
	background-color: #ebf2cd;
	color: #000;
	opacity: 0.7;
}
	

input[type="text"]:focus, 
input[type="password"]:focus, 
input[type="date"]:focus, 
input[type="datetime"]:focus, 
input[type="email"]:focus, 
input[type="number"]:focus, 
input[type="search"]:focus, 
input[type="tel"]:focus, 
input[type="time"]:focus, 
input[type="url"]:focus, 
textarea:focus {
	outline: 0 none;
	background-attachment: scroll;
	background-color: #58585a;
	color:#fff;
	opacity: 1;
}

label {
    font-size: 1em;
    line-height: 1.5em;
	display:block;
	padding: 8px 5px 0px 5px;

	
}


#kontakt-formular .formbody div:nth-child(12) {  
	padding-top: 24px;
	
	}

input.captcha{
	width: 50px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;		
	}
	
.captcha_text{
	padding-left:4px;
	font-size:0.9em;
	line-height:1.5em;
	color: #638200;		
			
	}
	
input[type="radio"], 
input[type="checkbox"]

{
	width:auto;
	
	}
	
button[type="submit"] {
	width: auto;
	display: inline-block;
	margin-top: 16px;
	background-color: #afcb38;
	font-size: 1.2em;
	color:#fff;
	border: 1px solid #afcb38;
	font-weight: 300;
	border-radius: 0.2em;
	padding: 8px 24px;
	cursor: pointer;
	transition: background-color .5s;
}


button[type="submit"]:hover {
	color: #afcb38;
	background-color: #fff;	
	border: 1px solid #afcb38;	
}

	
#kontakt-formular fieldset {
    margin: 2em 0 2em 0;
	padding: 1em;
    border: 1px solid #E2E2E2;
}

#kontakt-formular fieldset fieldset {
    border:none;
    margin: 0;
	padding: 1em;
}

#kontakt-formular fieldset fieldset span label {
	display:inline;
	padding-left: 1em;}

#kontakt-formular fieldset label.select {
	font-size: 1em;
	padding-top: 0.7em;
	padding-bottom: 0.3em;
	color:#58585a;
	font-weight: 600;
}

fieldset {
    margin: 0 0 2em 0;
    padding: 0;
    border: none;
}

legend {
    margin-bottom: .75em;
    font-size: 1.8rem;
    line-height: 1.5em;
    color: #505050;
}
legend {
    border: 0;
    padding: 0;
}

/* eingebundene Formulare Mailjet ############################################################*/

.hg-gruen,
.newsletteranmeldung-allgemein
{
	background-color: #afcb38;
	padding-top: 1em;
	padding-bottom: 1em;
	margin-bottom: 2em;
}

.newsletteranmeldung-allgemein
{
	background-color: #fff;

}

.newsletteranmeldung-allgemein h2
{
	color:#afcb38;
}


.newsletter-download {
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	alin-items: stretch;
	padding-left: 15px;
	padding-right: 15px;
	
	}
.newsletter-download .sp-3-1{
	border: thin solid #afbab1;
	text-align:center;
	vertical-align: central;		
	}
	
.newsletter-download .ce_download{
	background-color: #afcb38;
	}
	
#main .newsletter-download p {
    line-height:normal;
	padding: 0;
	margin: 0;
}

.newsletter-download h6,
.newsletter-download .ce_download a:link {	
	font-size: 1.1rem;
	font-weight: 400;
	padding: 0.5rem;
	text-transform: uppercase;
	text-align:center;
	display:inline-block;
	}
	
.newsletter-download .ce_download a:link{
	color: #fff;
	}
	
.newsletter-download h6{	
	padding:  0.7rem;
	}	
	
.newsletter-download span.fa,
.social__link span.fa

{
	font-size: 1.6rem;
	width: 36px;
	font-weight: normal;
	}
	
.social__link span.fa

{
	font-size: 1.8rem;
	padding-top: 8px;
	}	

/* SMIfit ############################################################*/

.logo-smi-fit .image_container{
	padding-top: 5px;
    transition: all 300ms ease 0s;
	}
	
.logo-kursraum-carolaforum .image_container{
	padding-top: 10px;
    transition: all 300ms ease 0s;
	}	
	

.hauptmenue-platzhalter .logo-smi-fit img {
	width: 110px;

}

.smifit-hg-grau{
	background-color: #F3F3F3;
	padding-top: 2em;
	padding-bottom: 2em;
	margin: 0 15px 3em 15px;
	}
	
#right .smifit-hg-grau{
	margin: 0;
	}
		
.smifit-hg-gruen{
	background-color: #afcb08;
	padding-top: 1.5em;
	padding-bottom: 0;
	margin: 0 0 2em 0;
	}	
			
.smifit-hg-gruen iframe{
	padding-left: 2px;
	padding-right:0;
	}	
	
.smifit-hg-gruen h3,
.smifit-hg-gruen p
{
	color:#fff;
	}

.css-smi-fit .trainer-doz-boxen{
	border-bottom: 0px solid #afcb08;
	margin: 0 15px 3em 15px;
	}
	
	
	
.css-smi-fit .trainer-doz-boxen .sp-4-1 {
    margin-bottom: 0;
	padding-bottom: 1em;
}

.css-smi-fit .trainer-doz-boxen .sp-4-1:hover {
	background-color: #DFDFDF;
}	
	

#right .smifit-hg-grau .sp-1-1 {
	width: 100%;
}

#right .smifit-hg-grau .sp-4-1 h3
 {
    font-size: 1rem;
    padding-bottom: 0;
	display:block;
}

.trainer-doz-boxen .sp-4-1 p {
    font-size: 1rem;
    letter-spacing: -0.05em;
    font-style: italic;
    font-weight: 400;
}
	
.trainer-dozenten-smifit-überschrift{
	border-top: 0px solid #afcb08;
	margin: 0 15px 0 15px;
	background-color:#f3f7e5;
	padding-top: 2em;
	}
	
.css-smi-fit #right{
	margin-top: 50px;	
	}	
	


.css-smi-fit #right .sp-4-1{
	width: 100%;	
	}
	
.css-kurse-siebschiebenhalle p{
	font-size: 1rem;
    letter-spacing: -0.05em;
    font-weight: 400;
	padding-bottom: 1rem;
	}

/* seitenuebersicht ############################################################*/


#container ul{
	overflow:hidden;
	margin-bottom: 1em;
	}


#container li {
	list-style-type:none;
	margin-left: 36px;
	line-height: 1.5em;
	color: #666;
	font-weight: 300;
}

#container .ce_text li::before,
#container .mod_sitemap li::before,
.enclosure li.download-element a::before

 {
	font-family: 'Open Sans';
	display: inline-block;
	margin-left: -1.1em; /* same as padding-left set on li */
	width: 1.1em; /* same as padding-left set on li */
	font-size: 1.3rem;
	line-height: 1.5em;
}

#container .ce_text li::before{
	content: "•"; /* Unicode */	
	}
	
#container .css-datenschutz .ce_text li::before{
	content:normal;	
	}	
	
#container .mod_sitemap li::before,
.enclosure li.download-element a::before
{
	content: "»"; /* Unicode */	
	}


	
a:link
{
	color: #809B00;
	font-weight: 400;
	}	
	
a:visited
 {
	color: #596C00;
}
	
a:hover
{
	color: #5B6F00;
	}

a:focus{
	color: black 
	}
	
a:active 
 {
	color: #779100;
	}
	
a:visited:hover{
	color: #596C00;
	}
		
	
.navi-rechts #main blockquote, .navi-rechts #main form, .navi-rechts #main ol, .navi-rechts #main p, .navi-rechts #main pre, .navi-rechts #main table, .navi-rechts #main ul {
    margin-bottom: 1.6rem;
}

/* Kontaktbuttons ############################################################*/

.kontakt-button-amrand,
.login-button-amrand{
	width:48px;
	height:auto;
	position:fixed;
	right: 4px;		
	color: #fff;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
	transition: all 600ms ease 0s;
	z-index: 102;
	}
	
.login-button-amrand{
	position:absolute;
	}	
	
.kontakt-button-amrand a,
.login-button-amrand a
 {
		border-radius: 0;
	}
	
.pos-01{
	bottom: 150px;
	}
	
.pos-02{
	bottom: 95px;
	}

/* login-button ####*/	
.pos-03{
	top: 132px;
	}
		
	
.kontakt-button-amrand:hover,
.login-button-amrand:hover
{
	width:86px;
	}	
	
.kontakt-button-amrand a,
.login-button-amrand a
 {
    font-size: 1.6em;
	padding:0.5rem;
	line-height: 1.1rem;
}

.kontakt-button-amrand .button-2 a
 {
	    font-size: 1.8em;
		padding-left:0.7rem;
		padding-top: 0.4rem;
		padding-bottom: 0.3rem;

}


/* Mitgliederbereich ############################################################*/


.mitgber h2{
	margin-top: 1.4rem;
	margin-bottom: 0.6rem;
	padding:0;
	
	}
	
.css-ikk	{
	width: auto;
    display: inline-block;
    margin-top: 16px;
    background-color: #afcb38;
    font-size: 1.2em;
    color: #fff;
    border: 1px solid #afcb38;
    font-weight: 300;
    border-radius: 6px;
    padding: 8px 24px;
    cursor: pointer;
    transition: background-color .5s;
}	


	
.rahmen-bild-mitgl-bereich img{
	border: 1px solid #afcb38;	
	}

.bgm-digi-trailer{
	
	}
	
.hg-hellgrau,
.hg-hellgrau-player .ce_player
{
	background-color: #F3F3F3;
	border: none;
	padding: 1.5rem;
	border: 1px solid #E2E2E2;
	margin-bottom: 3rem;	
	}
	
.artikel-hg-hellgrau{
	background-color: #F3F3F3;
	border: none;
	padding: 1.5rem 0;
	border: 1px solid #E2E2E2;
	margin-bottom: 3rem;
	margin-left: 15px;
	margin-right: 15px;	
	}
	
.trailer-box-digital{
	background-color: #F3F3F3;
	border: none;
	padding: 1.5rem 0;
	border: 1px solid #E2E2E2;
	margin-bottom: 3rem;
	margin-left: 15px;
	margin-right: 15px;		
	}
	
.artikel-hg-hellgrau .sp-2-1,
.artikel-hg-hellgrau .sp-3-1
{
	margin-bottom: 2em;
	}
	
.hg-hellgrau-player video
{
	max-width: 100%;
	}		
	
.hg-hellgrau h3{
	
	display: flex;
	font-size: 1.1rem;
	color: #4D4D4D;
	}