/*
 * Created on 13.03.2017
 *
 * Joomando.de
 * Copyright by Marco Franke
 * View: Mobil
 */

body {
	font-size:0.8em;
	font-family: 'Roboto', sans-serif;
	background-color: #fff;
	}
	
*{
	padding: 0;
	margin: 0;
}

.cat-children {
    display: none;
}

.not4mobile {
    display: none;
}

.LightGrey {
	background-color: #f2f2f2;	
}
	
/* Global Styles
-------------------------------------------------------------------*/

div.Case {
	float: left;
	width: 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

.CaseWrapper {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

#PageWrap {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

#ContentBody {
	float: left;
	width: 100%;
	background-color: #fff;
}

nav {
	display: none;
}

.CaseWrapper {
	margin: 0 auto;
	max-width: 1200px;
}

/* Case Styles
-------------------------------------------------------------------*/

#HeaderCase {
	float: left;
	width: 100%;
	background-color: #fff;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

#NextCase {
	float: left;
	width: 100%;
	background-color: #424242;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

#VorteileCase {
	float: left;
	width: 100%;
	background-color: #757575;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

#TestimonialAlloverCase {
	float: left;
	width: 100%;
	background-color: #E07910;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

#KontaktCase {
	float: left;
	width: 100%;
	background-color: #fff;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}


#FooterCase {
	float: left;
	width: 100%;
	background-color: #000;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

#SubFooterCase{
	float: left;
	width: 100%;
	background-color: #000;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	padding-bottom: 30px;
}

/* Logo Styles
-------------------------------------------------------------------*/

#LogoBox {
 	padding-top: 10px;
 	padding-left: 60px;
 	padding-bottom: 6px;
 	text-align: center;
 	float: left;
 	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

#LogoBox img {
	max-width: 100%;
	height: auto;
}

/* Mobil-Navi Styles
-------------------------------------------------------------------*/

#toggleNavMain {
	display:block;
	position: absolute;
	left: 0;
	top: 0;
	padding-top: 7%;
	padding-right: 2%;
	padding-left: 4%;
	cursor:pointer;
	}

#navMain {
	display:none;
	margin-top: 1%;
	float: left;
	width: 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}


#navMain ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

#navMain li {
	width: 100%;
	text-align: left;
	text-transform: uppercase;	
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	margin-bottom: 2px;
}

#navMain li a {
	background: #eeeeee;
	background-image: url(../images/material-design-icons/navigation/1x_web/ic_chevron_right_black_48dp.png);
	background-repeat: no-repeat;
	background-position: center left;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	font-size: 2.3em;
	color: #000;
	padding-left: 60px;
	padding-top: 21px;
	padding-bottom: 16px;
	display: block;
	text-decoration: none;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

#navMain li a:focus {
	background: #000;
	}
	
/* Layout
-------------------------------------------------------------------*/

#TeaserCase {
	float: left;
	width: 100%;
	background-image: url(../images/teaser.jpg);
	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;
	-moz-box-sizing: border-box;
	min-height: 300px;
	}

#OrgaCase {
	float: left;
	width: 100%;
	background-image: url(../images/leistungenCover.jpg);
	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;
	-moz-box-sizing: border-box;
	min-height: 300px;
	}
main {
	float: left;
	width: 100%;
	padding: 3%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	background-color: #fff;
	background-image: url(../images/material-design-icons/navigation/1x_web/ic_expand_more_grey600_48dp.png);
	background-repeat: no-repeat;
	background-position: center top;
}

main section.ContentTextBox {
	margin-top: 30px;
	margin-bottom: 60px;
	}
	
main div.KursBookingBox {
	float: left;
	width: 100%;
	padding-top: 3%;
	padding-left: 3%;
	padding-bottom: 3%;
	padding-right: 3%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	background-color: #f2f2f2;
	margin-top: 30px;
	border-top: 10px solid #FF9800;
}

main blockquote {
	padding-top: 3%;
	padding-left: 3%;
	padding-bottom: 3%;
	padding-right: 3%;
	background-color: #f2f2f2;
	margin-bottom: 30px;
	border-top: 10px solid #3F51B5
;
}
	
.VorteileBoxes {
	float: left;
	width: 100%;
	padding-top: 3%;
	padding-left: 3%;
	padding-bottom: 3%;
	padding-right: 3%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

.StandAloneContendBox_Text {
	padding-top: 3%;
	padding-left: 3%;
	padding-bottom: 3%;
	padding-right: 3%;
}

#TestimonialAlloverBox blockquote {
	float: left;
	width: 100%;
	padding-top: 3%;
	padding-left: 3%;
	padding-bottom: 3%;
	padding-right: 3%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

#InHouseBox {
	width: 100%;
	padding-top: 3%;
	padding-left: 3%;
	padding-bottom: 3%;
	padding-right: 3%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

footer .FooterCaseBox {
	float: left;
	padding-left: 3%;
	padding-top: 3%;
	padding-right: 3%;
	width: 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

footer .FooterCaseBox:last-child {
	padding-bottom: 3%;
}

#SubFooterBox {
	padding-top: 3%;
	padding-left: 3%;
	padding-bottom: 3%;
	padding-right: 3%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

/* Content Styles
-------------------------------------------------------------------*/
#TeaserBox {
	text-align: center;
	padding-left: 1%;
	padding-right: 1%;
}

#TeaserBox h1{
	/*font-family: 'Titillium Web', sans-serif;*/
	font-family: 'Oswald', sans-serif;
	line-height: 1.5;
	color: #424242;
	text-transform: uppercase;
	margin-bottom: 60px;
}

#TeaserBox h1 span.whiteBg {
	background-color: #fff;
	font-size: 1.2em;
	font-weight: 400;
	padding-left: 3px;
	padding-right: 3px;
	-webkit-box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 1px 5px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 1px 5px 0px rgba(50, 50, 50, 0.75);
}

#TeaserBox h1 span.redBg {
	/*background-color: #e40614;*/
	background-color: #424242;
	color: #fff;
	font-weight: 400;
	margin-top: 20px;
	font-size: 1.0em;
	text-transform: none;
	-webkit-box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 1px 5px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 1px 5px 0px rgba(50, 50, 50, 0.75);
}
#TeaserBox p.TeaserSubText{
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	font-size: 1.7em;
}

#TeaserBox p.TeaserConversionButton{
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	font-size: 1.4em;
	margin-top: 20px;
	margin-bottom: 10px;
}

#TeaserBox a{
	display: block;
	padding-top: 11px;
	padding-bottom: 11px;
	background-color: #E07910;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
}

main h2 {
   text-align: center;
	font-family: 'Titillium Web', sans-serif;
	font-weight: 300;
	font-size: 3.2em;
	color: #444;
	line-height: 1.3;
}

main h2:first-child {
	margin-top: 20px;
} 

#LeistungBox h2 {
   text-align: center;
	font-family: 'Titillium Web', sans-serif;
	font-weight: 300;
	font-size: 3.2em;
	color: #444;
	line-height: 1.3;
	margin-top: 60px;
	margin-bottom: 50px;
}


main h2 a {
	color: #444;
	text-decoration: none;
}

main a {
	color: #444;
	text-decoration: none;
}

main .ContentTextBox h3 {
   text-align: left;
	font-family: 'Titillium Web', sans-serif;
	font-weight: 600;
	font-size: 1.9em;
	color: #444;
	margin-top: 30px;
}


main .ContentTextBox p{
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	font-size: 1.6em;
	color: #444;
	line-height: 1.5;
	margin-bottom: 10px;
	text-align: center;
}

main .ContentTextBox ul.ContentList {
	margin-bottom: 16px;
}

main .ContentTextBox ul.ContentList li{
	list-style-type: none;
	font-family: 'Titillium Web', sans-serif;
	font-weight: 400;
	font-size: 1.6em;
	color: #444;
	line-height: 1.4;
	margin-bottom: 4px;
	margin-left: 50px;
	list-style-image: url(../images/material-design-icons/navigation/1x_web/ic_chevron_right_grey600_36dp.png);
}


 .CaseLeistungen ul.ContentList {
	margin-top: 30px;
	text-align: left;
}

 .CaseLeistungen ul.ContentList li{
	list-style-type: square;
	font-family: 'Titillium Web', sans-serif;
	font-weight: 400;
	font-size: 1.6em;
	color: #444;
	line-height: 1.4;
	margin-bottom: 4px;
	margin-left: 30px;
}

main .ContentTextBox a.LinkVissible {
	color: #E07910;
}

main .ContentTextBox a.LinkVissible:hover {
	text-decoration: underline;
}


main p.ConversionButton {
	margin-top: 20px;
	font-weight: 500;
	text-align: center;
}

main p.ConversionButton a{
	padding-top: 12px;
	padding-bottom: 12px;
	padding-left: 48px;
	padding-right: 20px;
	border: 1px solid #E07910;
	background-color: #E07910;
	border-radius: 7px;
	color: #fff;
	text-decoration: none;
	background-image: url(../images/material-design-icons/navigation/1x_web/ic_chevron_right_white_48dp.png);
	background-repeat: no-repeat;
	background-position: left center;
}

main p.ConversionButton a:hover{
	background-color:#B35C04;
	border: 1px solid #B35C04;
	transition: all 0.5s; /* explorer 10 */
   -webkit-transition: all 0.5s; /* chrome & safari */
   -moz-transition: all 0.5s; /* firefox */
   -o-transition: all 0.5s; /* opera */
}

main section.FloatText h3 {
   text-align: left;
	font-family: 'Titillium Web', sans-serif;
	font-weight: 600;
	font-size: 1.7em;
	color: #444;
	margin-top: 30px;
}

main div.items-more h3 {
   text-align: left;
	font-family: 'Titillium Web', sans-serif;
	font-weight: 600;
	font-size: 1.7em;
	color: #444;
	margin-top: 30px;
}

main div.items-more ol {
	margin-top: 10px;
	margin-left: 20px;
}

main div.items-more ol li{
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	font-size: 1.4em;
	color: #444;
	line-height: 1.3;
	}
	
main div.items-more ol li a {
	color: #E07910;
}

main div.items-more ol li a:hover {
	text-decoration: underline;
}

main div.pagination p.counter{
	text-align: center;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	font-size: 1.6em;
	color: #444;
	margin-top: 30px;
}

main div.pagination ul {
	margin-top: 20px;
	text-align: center;
}

main div.pagination li {
	display: inline;
	text-decoration: none;
	text-align: center;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	font-size: 1.3em;
	color: #444;
	margin-left: 5px;
	margin-right: 5px;
}

main div.pagination li a {
	color: #E07910;
}

main div.pagination li a:hover {
	text-decoration: underline;
}

main section.blog h2{
	margin-top: 30px;
}

main section.blog p{
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	font-size: 1.5em;
	color: #444;
	line-height: 1.5;
	margin-top: 10px;
	text-align: left;
	margin-top: 20px;
}

main section.GlossarArticle p{
   font-family: 'Roboto', sans-serif;
	font-weight: 300;
	font-size: 1.5em;
	color: #444;
	line-height: 1.3;
	margin-top: 10px;
	text-align: left;
}

main section.FloatText p{
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	font-size: 1.5em;
	color: #444;
	line-height: 1.3;
	margin-top: 10px;
	text-align: left;
}

 main section.FloatText a {
    color: #E07910;
    text-decoration: none;
 }
 
 main section.FloatText a:hover {
	 text-decoration: underline;		  
  }
  

main blockquote {
	text-align: left;
	font-family: 'Titillium Web', sans-serif;
	font-weight: 400;
	font-size: 1.5em;
	color: #444;
}

main blockquote p.BewertungText {
	margin-top:4px;
}


.Bild_Box_Welcome {
	background-image: url(../images/welcome.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height: 325px;
}


.AnfrageErhalten {
	background-image: url(../images/AnfragePerson.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height: 325px;
}



.StandAloneContendBox_Text h2 {
	font-family: 'Titillium Web', sans-serif;
	font-weight: 200;
	font-size: 2.7em;
	color: #000;
	margin-bottom: 30px;
	text-align: center;
}

.StandAloneContendBox_Text p {
	font-family: 'Titillium Web', sans-serif;
	font-weight: 300;
	font-size: 1.6em;
	color: #444;
	line-height: 1.3;
	margin-top: 10px;
	text-align: center;
}

.StandAloneContendBox_Text a {
	color: #E07910;
	text-decoration: none;
}

.StandAloneContendBox_Text a:hover {
	text-decoration: underline;
}

.WebsiteBild {
	background-image: url(../images/website.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height: 325px;
}

.GruppeBild {
	background-image: url(../images/gruppe.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height: 325px;
}

.ZertifikatBild {
	background-image: url(../images/zetifikat.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height: 325px;
}

.ErfolgBild {
	background-image: url(../images/erfolg.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height: 325px;
}

.OrgaBoxImg {
	background-image: url(../images/seminarraum.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height: 325px;
}

.KontaktBoxImg {
	background-image: url(../images/KontaktPerson.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height: 325px;
}

#VorteileCase h2 {
	text-align: center;
	color: #fff;
	font-family: 'Titillium Web', sans-serif;
	font-weight: 300;
	font-size: 3.0em;
	margin-top: 60px;
}

#VorteileCase ul {
	margin-bottom: 30px;
}

#VorteileCase li {
	color: #fff;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	font-size: 1.6em;
	list-style-image: url(../images/material-design-icons/navigation/1x_web/ic_check_white_36dp.png);
	margin-top: 10px;
	margin-left: 40px;
}

#VorteileCase p.ConversionButton {
	text-align: center;
	margin-bottom: 60px;
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	font-size: 1.5em;
}

#VorteileCase p.ConversionButton a{
	color: #fff;
	width: 100%;
	border: 1px solid #fff;
	text-decoration: none;
	padding-bottom: 12px;
	padding-top: 12px;
	padding-left: 10%;
	padding-right: 10%;
	border-radius: 7px;
}

#VorteileCase p.ConversionButton a:hover{
	color: #757575;
	background-color: #fff;
	transition: all 0.5s; /* explorer 10 */
   -webkit-transition: all 0.5s; /* chrome & safari */
   -moz-transition: all 0.5s; /* firefox */
   -o-transition: all 0.5s; /* opera */
}

#TestimonialAlloverBox blockquote p.testimonial_p {
   text-align: center;
	font-family: 'Titillium Web', sans-serif;
	font-weight: 300;
	font-size: 2.5em;
	color: #fff;
	line-height: 1.5;
}


#TestimonialAlloverBox blockquote p.testimonial_cite {
   text-align: center;
	font-family: 'Titillium Web', sans-serif;
	font-weight: 300;
	font-size: 1.9em;
	color: #fff;
	margin-top: 20px;
}

#InHouseBox h2 {
	text-align: center;
	font-family: 'Titillium Web', sans-serif;
	font-weight: 300;
	font-size: 2.5em;
	color: #fff;
	margin-bottom: 12px;
	}
	
#InHouseBox p._Button {
	text-align: center;
	margin-top: 20px;
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	font-size: 1.5em;
}

#InHouseBox p._Button a{
   color: #fff;
	border: 1px solid #fff;
	text-decoration: none;
	padding-bottom: 12px;
	padding-top: 12px;
	padding-left: 15px;
	padding-right: 15px;
	border-radius: 7px;
}

#InHouseBox p._Button a:hover{
	color: #E07910;
	background-color: #fff;
	transition: all 0.5s; /* explorer 10 */
   -webkit-transition: all 0.5s; /* chrome & safari */
   -moz-transition: all 0.5s; /* firefox */
   -o-transition: all 0.5s; /* opera */
}

.SubFooterLeftBox li {
	list-style-type: none;
	display: inline;
	margin-right: 10px;
}

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

footer h3 {
	font-family: 'Titillium Web', sans-serif;
	font-weight: 300;
	font-size: 1.7em;
	color: #fff;
	text-transform: uppercase;
	margin-bottom: 15px;
}

footer li{
	width: 100%;
	list-style-type: none;
}

footer li a{
	display: block;
	text-decoration: none;
	background-color: #3F51B5
;
	margin-bottom: 4px;
	text-align: center;
	padding-top: 8px;
	padding-bottom: 8px;
	color: #fff;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	font-size: 1.4em;
}

footer p.copyright {
	color: #fff;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	font-size: 1.4em;
	text-align: center;
	margin-bottom: 10px;
	line-height: 1.5;
}

footer p.copyright a {
	color: #fff;
}

/* Leistungsboxen
-------------------------------------------------------------------*/

div.CaseLeistungen {
	text-align: center;
	margin-bottom: 75px;
}

div.CaseLeistungen h3 {
	font-family: 'Titillium Web', sans-serif;
	font-weight: 300;
	font-size: 1.9em;
	color: #424242;
	text-transform: uppercase;
	margin-bottom: 30px;
}

div.CaseLeistungen p {
	color: #424242;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	font-size: 1.4em;
	text-align: center;
	margin-bottom: 10px;
	line-height: 1.5;
}

div.CaseLeistungen p.CaseLeistungenButton{
	padding-top: 30px;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	font-size: 1.3em;
}

div.CaseLeistungen p.CaseLeistungenButton a {
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 48px;
	padding-right: 20px;
	border: 1px solid #E07910;
	background-color: #E07910;
	border-radius: 7px;
	color: #fff;
	text-decoration: none;
	background-image: url(../images/material-design-icons/navigation/1x_web/ic_chevron_right_white_48dp.png);
	background-repeat: no-repeat;
	background-position: left center;
} 	







/* Joomla Kontaktform
-------------------------------------------------------------------*/

.contact-form fieldset {
	margin-top: 40px;
	border: 0;	
	padding: 3%;
}

.contact-form legend {
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	font-size: 1.1em;
	color: #444;
	margin-bottom: 20px;
}

.contact-form label {
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	font-size: 1.3em;
	color: #444;
}

.contact-form input {
	margin-top: 10px;
	margin-bottom: 8px;
	padding: 5px;
	border: 1px solid #444;
	width: 100%;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	font-size: 1.3em;
	color: #444;
}

.contact-form textarea {
	margin-top: 10px;
	margin-bottom: 8px;
	padding: 5px;
	border: 1px solid #444;
	width: 100%;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	font-size: 1.3em;
	color: #444;
}

.contact-form button {
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	font-size: 1.4em;
	margin-top: 20px;
	margin-bottom: 10px;
	padding-top: 11px;
	padding-bottom: 11px;
	padding-left: 90px;
	padding-right: 70px;
	background-color: #E07910;
	border: 1px solid #E07910;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	background-image: url(../images/material-design-icons/navigation/1x_web/ic_chevron_right_white_48dp.png);
	background-repeat: no-repeat;
	background-position: left center;
		border-radius: 7px;
}