/**
 * 	FONTs
**/
@font-face {
	font-family : Montserrat;
	src         : url('../fonts/montserrat/Montserrat-Medium.otf') format('opentype');
}

@font-face {
	font-family : Montserrat-SemiBold;
	src         : url('../fonts/montserrat/Montserrat-SemiBold.otf') format('opentype');
}

@font-face {
	font-family : Montserrat-Bold;
	src         : url('../fonts/montserrat/Montserrat-Bold.otf') format('opentype');
}

@font-face {
	font-family : Montserrat-Italic;
	src         : url('../fonts/montserrat/Montserrat-Italic.otf') format('opentype');
}

@font-face {
	font-family : Montserrat-SemiBoldItalic;
	src         : url('../fonts/montserrat/Montserrat-SemiBoldItalic.otf') format('opentype');
}

@font-face {
	font-family : Montserrat-BoldItalic;
	src         : url('../fonts/montserrat/Montserrat-BoldItalic.otf') format('opentype');
}

@font-face {
	font-family : Raleway;
	src         : url('../fonts/raleway/Raleway-Medium.ttf') format('truetype');
}

@font-face {
	font-family : Raleway-Bold;
	src         : url('../fonts/raleway/Raleway-Bold.ttf') format('truetype');
}

iframe {
	overflow : hidden;
}

/**
font-size umrechnung:
16Pt = 17.0px //gemessen
18Pt = 17.5px //berechnet
20Pt = 18.0px //berechnet
22Pt = 18.5px //gemessen
24 = 19
26 = 19.5
28 = 20
30Pt = 21.0px // vorgabe
32 = 21
36 = 22
40 = 23
44 = 24
48 = 25
52 = 26
56 = 27
60 = 28
64 = 29
68 = 30
70 = 30.5
72 = 31
**/
.Montserrat {
	font-family : Montserrat;
}

.Montserrat-SemiBold {
	font-family : Montserrat-SemiBold;
}

.Montserrat-Bold {
	font-family : Montserrat-Bold;
}

.Montserrat-Italic {
	font-family : Montserrat-Italic;
}

.Raleway {
	font-family : Raleway;
}

.Raleway-Bold {
	font-family : Raleway-Bold;
}

/**
 * 	GENERAL
**/
* {
	margin      : 0;
	padding     : 0;
	border      : none;
	outline     : none;
	font-family : inherit;
}

body {
	color       : #485961;
	font-size   : 18.5px; /* 20.5px */
	font-family : Montserrat, Arial, Helvetica, sans-serif;
	overflow-y  : scroll;
	/*overflow-x: hidden;*/
	min-width   : 300px;
}

/* blocks */
h1, h2, h3, h4, h5, h6 {
	font-weight : normal;
	font-family : Montserrat-Bold;

}

strong {
	font-weight : normal;
	font-family : Montserrat-SemiBold;

}

h1 { /* sheboss logo */
	margin    : 0 !important;
	font-size : inherit !important;
}

h2 { /* big title subPages */
	color     : #beafa3;
	font-size : 73px;
	margin    : 144px 0 67px;
}

h3 { /* title home & subPages */
	color     : #706f6f;
	font-size : 40px;
	margin    : 144px 0 67px;
}

h4 {
	/* font-size: 18.5px; */
}

h5 {
}

#content ul, .content ul,
ol, p, table {
	margin      : 67px 0;
	line-height : 28px;
}

h4:first-child {
	margin-top : 67px;
}

h4 + p,
#content h4 + ul,
.content h4 + ul {
	margin-top : 0;
}

p {
}

#content ul,
.content ul {
	list-style-type : '/ ';
	margin-left     : 20px;
}

ol {
}

ul ul,
ul ol,
ol ul,
ol ol {
}

table {
}

img,
svg,
iframe {
	max-width : 100%;
}

iframe {
	display : block;
}

/* inlines */
a {
	color           : inherit;
	cursor          : pointer;
	text-decoration : none;
}

#main a {
	display : inline-block;
}

#main a.trainings {
	display : block;
}

#main a:hover {
	text-decoration : underline;
	/*color: #beafa3;*/
}

/* classes */

.flex {
	display : flex;
	margin  : 0 -15px;
}

.flex > * {
	width  : calc(100% - 30px);
	margin : 0 15px;
}

.hidden {
	display : none;
}

.wrapper {
	margin    : auto;
	max-width : 1170px;
	position  : relative;
	padding   : 0 15px;
}

.noWrapper {
	max-width : 1900px;
	margin    : auto;
}

#header .wrapper,
#footer .wrapper {
	display         : flex;
	justify-content : space-between;
	top             : 50%;
	transform       : translateY(-50%);
	align-items     : center;
	height          : 100%;
}

#footer .wrapper {
	/*padding-bottom: 50px;*/
	font-size : 18.5px;
}

#footer p {
	margin : 0;
}

/**
 *   HEADER & FOOTER
**/
#header {
	box-shadow       : rgba(0, 0, 0, 0.5) 0 0 6px;
	position         : fixed;
	z-index          : 100;
	top              : 0;
	left             : 0;
	right            : 0;
	height           : 157px;
	background-color : #ffffff;
}

#header img,
#footer img {
	display : block;
}

#header ul {
	margin-right : -10px;
}

#header li,
#footer li {
	display : inline-block;
}

#header li ul {
	padding-bottom   : 15px;
	background-color : #ffffff;
	position         : absolute;
	z-index          : -1;
	margin-left      : -15px;
	display          : none;
}

#header li:hover ul {
	display : block;
}

#header li li {
	display     : block;
	padding-top : 15px;
}

#header li a,
#header li span {
	margin-left    : 2px;
	padding        : 2px 10px;
	border         : 2px solid transparent;
	border-radius  : 5px;
	text-transform : uppercase;
	font-size      : 17px;
	color          : #706f6f;
}

#header li span {
	cursor : default;
}

#header li:hover > a,
#header li:hover > span,
#header li.active > a,
#header li.active > span {
	border-color : #355e80;
	color        : #365e81;
}

#header li li a {
	border-width : 0;
	margin       : 0 20px;
}

.menuShadow {
	position   : fixed;
	box-shadow : rgba(0, 0, 0, 0.5) 1px 1px 4px;
	display    : none;
}

.menuShadow.show {
	display : block;
}

#footer {
	height           : 180px;
	color            : #ffffff;
	background-color : #7f766f;
	position         : relative;
	z-index          : 75;
}

#footer ul {
	align-items : center;
	display     : flex;
}

#footer li:before {
	content : '|';
	margin  : 0 15px;
}

#footer li:first-child:before,
#footer li.image:before {
	content : none;
}

#footer li.image {
	margin-left : 30px;
}

#footer a {
	color : #ffffff;
}

#footer a:hover {
	color : #beafa3;
}

/**
 * 	MAIN
**/
#main {
	padding-top : 157px;
}

body:not(.home) #main {
	margin-bottom : 144px;
}

/**
 * 	CONTENT TOP
**/
#contentTop {

}

.tWrapper {
	margin    : auto;
	max-width : 1170px;
	position  : relative;
	overflow  : hidden;
}

#contentTop .menu {
	display     : flex;
	position    : absolute;
	left        : 0;
	padding-top : 67px;
}

#contentTop .menu li {
	list-style       : none;
	width            : 170px;
	margin           : 0 15px;
	color            : #000000;
	background-color : #ded7d1;
}

#contentTop .menu li:hover,
#contentTop .menu li.active {
	color            : #ffffff;
	background-color : #7f766e;
}

#contentTop .menu li:first-child {
	margin-left : 0;
}

#contentTop .menu li:last-child {
	margin-right : 0;
}

#contentTop .menu a {
	background-repeat : no-repeat;
	background-size   : contain;
	display           : block;
	height            : 100%;
}

#contentTop .menu img {
	opacity    : 0.00001;
	transition : 0.2s;
}

#contentTop .menu li:hover img {
	opacity : 1;
}

#contentTop .menu span {
	display        : block;
	padding        : 5px 10px 10px;
	font-size      : 15px;
	text-transform : uppercase;
}

.tBtn {
	position      : absolute;
	width         : 30px;
	height        : 30px;
	border-left   : 5px solid silver;
	border-bottom : 5px solid silver;
	top           : 300px;
	cursor        : pointer;
}

.tLeft {
	transform : rotate(45deg);
	left      : calc(50% - 630px);
}

.tRight {
	transform : rotate(225deg);
	right     : calc(50% - 630px);
}

#contentTop > *:last-child {

}

/**
 * 	CONTENT BOTTOM
**/
#contentBottom .menu {
	list-style : none;
}

#contentBottom .menu .nav-header {
	color       : #706f6f;
	font-size   : 40px;
	margin      : 144px 0 67px;
	display     : block;
	font-family : Montserrat-Bold;
}

#contentBottom .menu li {
	margin-bottom : 33px;
}

#contentBottom .menu a:hover {
	color : #beafa3;
}

#contentBottom .menu img {
	margin-bottom : 20px;
}

#contentBottom .menu .trainings + ul {
	display   : flex;
	flex-wrap : wrap;
}

#contentBottom .menu .trainings + ul li {
	list-style  : none;
	width       : 170px;
	margin      : 0 40px; /*65px*/
	text-align  : center;
	color       : #000000;
	font-family : Montserrat-SemiBold;
}

#contentBottom .menu .trainings + ul li:first-child {
	margin-left : 0;
}

#contentBottom .menu .trainings + ul li:last-child {
	margin-right : 0;
}

#contentBottom .menu .vorträge + ul,
#contentBottom .menu .workshops + ul {
	list-style-image    : url('../images/mic.png');
	list-style-position : inside;
}

#contentBottom .menu .vorträge + ul a,
#contentBottom .menu .workshops + ul a {
	transform : translateY(-8px);
}

#contentBottom .menu .veröffentlichungen + ul {
	list-style-image    : url('../images/paper.png');
	list-style-position : inside;
}

#contentBottom .menu .veröffentlichungen + ul a {
	transform : translateY(-2px);
}

/**
 * 	CONTENT
**/
#content,
.content {
	margin-top    : 144px;
	margin-bottom : 67px;
}

/**
 * 	PAGES
**/
/*veröffentlichungen*/
.veroeffentlichungen #main p {
	color : #000000;
}

/*
.veroeffentlichungen #main a span{
	color: #706f6f;
}
.veroeffentlichungen #main a:hover,
.veroeffentlichungen #main a:hover span{
	color: #beafa3;
}
*/

.veroeffentlichungen [itemprop=articleBody] > p,
.veroeffentlichungen [itemprop=articleBody] .more > p {
	margin : 33px 0;
}

.veroeffentlichungen [itemprop=articleBody] > p a,
.veroeffentlichungen [itemprop=articleBody] .more > p a {
	color : #706f6f;
}

.veroeffentlichungen [itemprop=articleBody] > p a strong,
.veroeffentlichungen [itemprop=articleBody] .more > p a strong {
	color : #000000;
}

.veroeffentlichungen [itemprop=articleBody] > p a:hover,
.veroeffentlichungen [itemprop=articleBody] > p a:hover strong,
.veroeffentlichungen [itemprop=articleBody] .more > p a:hover,
.veroeffentlichungen [itemprop=articleBody] .more > p a:hover strong {
	color : #beafa3;
}

body .vortraege {
	margin : 144px 0;
}

body .vortraege.flex .left {
	width : 170px;
}

body .vortraege.flex .right {
	width : calc(100% - 230px);
}

body .vortraege.flex .right .flex .flex {
	justify-content : right;
}

body .vortraege.flex .right .flex .flex img {
	max-width : 137px;
}

body .vortraege.flex .right .flex .flex img:first-child {
	margin-left : 0;
}

body .vortraege.flex .right .flex .flex img:last-child {
	margin-right : 0;
}

body .vortraege .moreBtn {
	border           : none;
	padding          : 0;
	margin           : 33px 0 33px 40px;
	font-size        : inherit; /* 18.5px */
	display          : list-item;
	list-style-image : url('../images/mic.png');
	text-transform   : none;
	font-family      : Montserrat-SemiBold;
}

body .vortraege .moreBtn span {
	display   : block;
	transform : translateY(-10px);
}

body .vortraege .moreBtn:hover {
	background-color : transparent;
}

body .vortraege .more {
	background-color : #ebe7e3;
	padding          : 1px 30px 67px;
	margin           : 33px 0;
	position         : relative;
}

body .vortraege .closeMore {
	position         : absolute;
	top              : 15px;
	right            : 15px;
	width            : 50px;
	height           : 50px;
	color            : #ffffff;
	text-align       : center;
	font-size        : 56px;
	line-height      : 50px;
	background-color : #beafa3;
	border-radius    : 50%;
	font-family      : Montserrat-Bold;
}

body .vortraege .more p {
	margin : 67px 30px 0;
}

body .vortraege .link a {
	border         : 2px solid #beafa3;
	color          : #beafa3;
	border-radius  : 5px;
	padding        : 5px 15px;
	font-size      : 17px;
	font-family    : Montserrat-Bold;
	text-transform : uppercase;
}

.moreBtn,
.contactBtn {
	display        : inline-block;
	margin-bottom  : 0 !important;
	border         : 2px solid #beafa3;
	border-radius  : 5px;
	padding        : 3px 30px 3px 40px;
	font-size      : 14px;
	font-family    : Montserrat-Bold;
	text-transform : uppercase;
	cursor         : pointer;
}

h3 + .moreBtn,
h3 + .contactBtn {
	margin-top : 0;
}

.moreBtn:hover,
.contactBtn:hover {
	background-color : #296182;
	border-color     : #ffffff;
}

.moreBtn a,
.contactBtn a {
	color : #beafa3 !important;
}

.moreBtn:hover a,
.contactBtn:hover a {
	color : #ffffff !important;
}

.moreBtn a:after,
.contactBtn a:after {
	content       : '';
	width         : 15px;
	height        : 15px;
	display       : inline-block;
	margin-left   : 20px;
	border-left   : 2px solid #beafa3;
	border-bottom : 2px solid #beafa3;
	transform     : rotate(-45deg);
}

.moreBtn:hover a:after,
.contactBtn:hover a:after {
	border-color : #ffffff;
}

.more,
h3 + .moreBtn + div {
	display : none;
}

.trainerinnenTitle {
	position       : absolute;
	top            : 50%;
	transform      : translateY(-50%);
	max-width      : 800px;
	left           : calc(50% - 600px);
	color          : #ffffff;
	font-size      : 130px;
	line-height    : 150px;
	font-family    : Montserrat-Bold;
	text-transform : uppercase;
	width          : 60%;
}

.headerImg {
	margin-top    : 67px;
	margin-bottom : -77px;
	position      : relative;
}

.mehr_vortraege span,
.links_downloads span {
	position : relative;
	top      : -5px;
	left     : 5px;
}

/**
 * BANNER MODULE
**/
.banner {
	position            : relative;
	background-size     : cover;
	background-position : center;
	text-align          : center;
}

.apple .banner {
	background-attachment : scroll !important;
}

.banner .overlay {
	position : absolute;
	top      : 0;
	left     : 0;
	right    : 0;
	bottom   : 0;
}

.banner .teaser {
	display         : flex;
	align-items     : center;
	justify-content : center;
	text-transform  : uppercase;
	font-family     : Montserrat-Italic;
	font-size       : 21px;
	letter-spacing  : 11px;
	padding-top     : 43px;
}

.visionBanner {
	padding-bottom : 100px;
}

.banner .vision .teaser {
	text-transform : none;
	letter-spacing : unset;
}

.banner .teaser:first-child {
	padding-top : 138px;
}

.banner .bar {
	display : inline-block;
	height  : 2px;
	width   : 80px;
	margin  : 0 40px;
}

.banner .headline {
	font-family : Montserrat-Bold;
	padding-top : 48px;
	font-size   : 73px;
	line-height : 85px;
	font-size   : 50px;
	line-height : 60px;
}

.banner .vision .headline {
	font-size   : 36px;
	line-height : 40px;
}

.banner .headline:first-child {
	padding-top : 130px;
}

.banner .cta {
	padding : 67px 0;
}

.banner a {
	border         : 2px solid transparent;
	border-radius  : 5px;
	padding        : 10px 20px;
	font-size      : 17px;
	font-family    : Montserrat-Bold;
	text-transform : uppercase;
}

/**/
.catList {
	display         : flex;
	flex-wrap       : wrap;
	justify-content : space-between;
}

.catList .item {
	width       : calc(50% - 15px);
	display     : flex;
	margin      : 33px 0;
	align-items : center;
}

.catList .item:nth-child(1),
.catList .item:nth-child(2) {
	margin-top : 0;
}

.catList .left {
	width : 170px;
}

.catList .right {
	width       : calc(100% - 200px);
	margin-left : 30px;
}

.catList .right > a {
	font-family : Montserrat-SemiBold;
}

.catList span {
	font-family : Raleway;
}

.catList span a {
	font-family     : Raleway-Bold;
	text-decoration : underline;
}

.catBack {
	text-transform : uppercase;
	font-family    : Montserrat-Bold;
}

.catBack span {
	display          : inline-block;
	width            : 27px;
	height           : 30px;
	color            : #ffffff;
	background-color : #355e80;
	border-radius    : 50%;
	margin-right     : 10px;
	line-height      : 20px;
	font-size        : 44px;
	vertical-align   : middle;
	text-align       : center;
	padding-right    : 3px;
}

.catItem {
	display : flex;
}

.catItem .left {
	width : 170px;
}

.catItem .right {
	width       : calc(100% - 200px);
	margin-left : 30px;
}

.catItem h3 {
	margin : 0;
	color  : #000000;
}

.catItem span {
	font-family : Raleway;
}

.catItem span:first-of-type {
	font-family : Raleway-Bold;
}

.catItem span a {
	text-decoration : underline;
}

/**
 *	SILDER MODULE (inkl. Banner)
**/
.slide {
	display : none;
}

.slide:first-child {
	display : block;
}

.slider .teaser {
	letter-spacing : 0;
}

.slider .teaser span span,
.vision .teaser span span {
	font-family : Montserrat-SemiBoldItalic;
}

.sliderNavi {
	padding : 58px 0 67px;
}

.sliderNavi a {
	padding       : 0;
	width         : 10px;
	height        : 10px;
	border        : 2px solid transparent;
	border-radius : 50%;
}

/**
 *	TILES MODULE
**/
.tilesBanner {
	margin-bottom   : 144px;
	display         : flex;
	justify-content : space-between;
	margin-left     : -15px;
	margin-right    : -15px;
}

.tile {
	width            : 33.33333%;
	margin           : 0 15px;
	background-color : #beafa3;
	color            : #ffffff;
	transition       : 0.1s;
	position         : relative;
}

.tile:hover {
	background-color : #7f766e;
}

.tile .image {
	position : relative;
}

.tile .title {
	position    : absolute;
	left        : 30px;
	right       : 30px;
	bottom      : -10px;
	font-family : Montserrat-Bold;
	font-size   : 39px;
}

.tile .text {
	margin : 30px 30px 100px;
}

.tile .text.empty {
	margin : 10px 30px 100px;
}

.tile .link {
	position : absolute;
	bottom   : 0;
	margin   : 30px;
}

.tile a {
	border         : 2px solid #ffffff;
	color          : #ffffff;
	border-radius  : 5px;
	padding        : 5px 15px;
	font-size      : 17px;
	font-family    : Montserrat-Bold;
	text-transform : uppercase;
}

/**
 *	KONTAKT
**/
/*.kontakt.flex,
.kontakt .flex{
	display: flex;
}
.kontakt.flex > *,
.kontakt .flex > *{
	width: 100%;
	margin: 0 15px;
}
.kontakt.flex,
.kontakt .flex{
	margin: 0 -15px;
}*/
.chronoforms form {
	background-color : #beafa3;
	padding          : 30px;
}

.chronoforms .ui.form .field,
.chronoforms .ui.form .g-recaptcha {
	margin : 0 0 15px;
}

#trainingTitle {
	margin      : 0 10px;
	font-size   : 30px;
	font-family : montserrat-semibold;
}

#wunschdatum + i + div + .menu > .item[data-value=""] {
	display : none;
}

.flexForm {
	display         : flex;
	justify-content : space-between;
}

.flexForm > * {
	width : calc(50% - 15px);
}

.chronoforms .text,
.chronoforms .item,
input,
select,
button,
textarea {
	color       : #706f6f !important;
	border      : none !important;
	font-family : Montserrat-SemiBold !important;
}

.chronoforms button {
	color            : #ffffff !important;
	background-color : #beafa3 !important;
	border           : 2px solid #ffffff !important;
}

.chronoforms button:hover {
	background-color : #7f766e !important;
}

::-webkit-input-placeholder {
	opacity : 1;
	color   : inherit !important;
}

:-moz-placeholder {
	opacity : 1;
	color   : inherit !important;
}

::-moz-placeholder {
	opacity : 1;
	color   : inherit !important;
}

:-ms-input-placeholder {
	opacity : 1;
	color   : inherit !important;
}

.chronoforms .field:last-child {
	/*margin-bottom: 1em !important;*/
}

.g-recaptcha > div {
	max-width : 100%;
}

/** veröffentlichungen **/
/*.videos.flex,
.videos .flex{
	display: flex;
}
.videos.flex > *,
.videos .flex > *{
	width: 100%;
	margin: 0 15px;
}
.videos.flex,
.videos .flex{
	margin: 0 -15px;
}*/
.videos p {
	margin-bottom : 0;
}

/** bücher **/
.flex.buecher {
	flex-wrap : wrap;
}

.flex.buecher > * {
	width         : 170px;
	margin-bottom : 30px;
}

.buecher div div {
	background-color : #f3f3f3;
	height           : 175px;
	display          : flex;
}

.buecher img {
	margin     : auto;
	max-height : calc(100% - 20px);
	max-width  : calc(100% - 20px);
}

.buecher p {
	margin           : 0;
	color            : #000000;
	background-color : #beafa3;
	font-size        : 13.5px;
	padding          : 15px;
	line-height      : 17px;
	height           : calc(100% - 200px);
}

.buecher a {
	color : #000000;
}

.buecher div:hover {
	cursor : pointer;
}

.buecher div:hover p {
	color            : #ffffff;
	background-color : #7f766e;
}

.buecher div:hover a {
	color : #ffffff;
}

/* semantic forms override */
.ui.form fieldset .field {
	margin : 15px 0;
}

.ui.form fieldset .flex > .field {
	margin : 15px 15px;
}

fieldset legend {
	margin    : 45px 0 30px;
	font-size : 20.5px;
}

fieldset:first-child legend {
	margin : 0 0 33px;
}

.ui.form fieldset p,
.ui.form fieldset label,
.ui.form fieldset .inline.fields > label {
	font-size   : 18.5px;
	font-weight : normal;
	color       : inherit;
}

.ui.form fieldset .inline.fields {
	margin-bottom : 30px;
}

.ui.form fieldset .field > label {
	display : none;
}

fieldset .ui.radio.checkbox label {
	padding-left : 40px;
}

fieldset .ui.radio.checkbox label:before {
	width         : 35px;
	height        : 35px;
	border-radius : 5px;
	top           : -10px;
	left          : 0;
}

fieldset .ui.radio.checkbox label:after {
	top    : -10px;
	left   : 0px;
	width  : 35px;
	height : 35px;
}

fieldset .ui.checkbox {
	margin : 20px 0;
}

fieldset .ui.checkbox label {
	padding-left : 40px;
}

fieldset .ui.checkbox label:before {
	top           : -10px;
	left          : 0;
	width         : 35px;
	height        : 35px;
	border-radius : 5px;
}

fieldset .ui.checkbox label:after {
	left : 8px;
}

/* social media lings */
#main a[href^="https://www.xing.com"],
#main a[href^="https://www.facebook.com"] {
	display          : inline-block;
	background-color : #7f766e;
	padding          : 17px;
}

#main a[href^="https://www.xing.com"]:hover,
#main a[href^="https://www.facebook.com"]:hover {
	background-color : #beafa3;
}

#main a[href^="https://www.xing.com"] img,
#main a[href^="https://www.facebook.com"] img {
	display    : block;
	max-height : 24px;
}


/** DEI **/
.dei {
	position : relative;
}

.deiTitle {
	text-align : center;
	color      : #4a4a49;
	padding    : 350px;
}

.deiCircle {
	width         : 250px;
	height        : 250px;
	border-radius : 50%;
	text-align    : center;
	font-family   : Montserrat-SemiBold;
	cursor        : pointer;
	position      : absolute;
	transform     : translate(-50%, -50%);
	transition    : 1s;
}

.deiCircle:hover {
	width     : 280px;
	height    : 280px;
	font-size : 1.1em;
}

.deiCircle1 {
	top  : 5%;
	left : 50%;
}

.deiCircle2 {
	top  : 17%;
	left : 29%;
}

.deiCircle3 {
	top  : 17%;
	left : 71%;
}

.deiCircle4 {
	top  : 50%;
	left : 17%;
}

.deiCircle5 {
	top  : 85%;
	left : 35%;
}

.deiCircle6 {
	top  : 50%;
	left : 83%;
}

.deiCircle7 {
	top  : 85%;
	left : 65%;
}

.deiCircle span {
	display   : block;
	position  : relative;
	top       : 50%;
	transform : translateY(-50%);
}

.deiBar {
	position   : absolute;
	width      : 250px;
	height     : 4px;
	transition : 1s;
}

.deiBar1 {
	top       : 22%;
	left      : 50%;
	transform : translate(-50%, -50%) rotate(90deg);
}

.deiBar2 {
	top       : 27%;
	left      : 34%;
	transform : translate(-50%, -50%) rotate(45deg);
}

.deiBar3 {
	top       : 27%;
	left      : 66%;
	transform : translate(-50%, -50%) rotate(135deg);
}

.deiBar4 {
	top       : 50%;
	left      : 23%;
	transform : translate(-50%, -50%);
}

.deiBar5 {
	top       : 75%;
	left      : 40%;
	transform : translate(-50%, -50%) rotate(140deg);
}

.deiBar6 {
	top       : 50%;
	left      : 77%;
	transform : translate(-50%, -50%);
}

.deiBar7 {
	top       : 75%;
	left      : 60%;
	transform : translate(-50%, -50%) rotate(40deg);
}

.deiContent {
	display    : none;
	z-index    : 55;
	position   : fixed;
	top        : 50%;
	left       : 50%;
	width      : calc(100% - 30px);
	transform  : translate(-50%, -50%);
	background : #ffffff;
	max-height : calc(100vh - 200px);
	margin-top : 80px;
	overflow   : hidden auto;
}

.deiClose {
	position : relative;
	height   : 30px;
}

.deiClose a {
	padding     : 4px 20px;
	position    : absolute;
	top         : -5px;
	right       : -25px;
	font-size   : 50px;
	font-family : Montserrat-Bold;
}

.deiContent h3 {
	margin  : 0;
	padding : 0 0 30px;
}

.deiContent h3.deiAngebote {
	color : #4a4a49;
}

.deiContent h3.deiContentTitle {
	color : #bcd4df;
}

#deiModalBG {
	display    : none;
	background : rgba(255, 255, 255, 1);
	position   : fixed;
	top        : 0;
	left       : 0;
	right      : 0;
	bottom     : 0;
	z-index    : 50;
}

/**
 *    RESP
**/

.menuBtn {
	border        : 2px solid #706f6f;
	border-radius : 5px;
	width         : 40px;
	cursor        : pointer;
	margin-bottom : 10px;
}

.menuBtn i {
	display          : block;
	height           : 3px;
	background-color : #706f6f;
	margin           : 5px;
}

@media all and (max-width : 1300px) {
	.tWrapper {
		padding-bottom : 20px;
		overflow-x     : scroll;
	}

	.tBtn {
		display : none;
	}

	.trainerinnenTitle {
		left        : calc(50% - 500px);
		font-size   : 90px;
		line-height : 100px;
	}
}

@media all and (max-width : 1200px) {
	#contentBottom .menu .trainings + ul {
		justify-content : center;
	}

	#contentBottom .menu .trainings + ul li,
	#contentBottom .menu .trainings + ul li:first-child,
	#contentBottom .menu .trainings + ul li:last-child {
		margin : 30px;
	}

	.deiCircle {
		width  : 200px;
		height : 200px;
	}

	.deiCircle:hover {
		width  : 225px;
		height : 225px;
	}

	.deiCircle2 {
		top : 22%
	}

	.deiCircle3 {
		top : 22%;
	}

	.deiCircle5 {
		top  : 80%;
		left : 30%;
	}

	.deiCircle7 {
		top  : 80%;
		left : 70%;
	}

	.deiBar5 {
		left      : 35%;
		transform : translate(-50%, -50%) rotate(135deg);
	}

	.deiBar7 {
		left      : 65%;
		transform : translate(-50%, -50%) rotate(45deg);
	}
}

@media all and (min-width : 1100px) {
	/*dektop*/
	.noDesktop,
	.tablet,
	.mobile {
		display : none;
	}
}

@media all and (max-width : 1099px) and (min-width : 768px) {
	/*tablet*/
	.desktop,
	.noTablet,
	.mobile {
		display : none;
	}
}

@media all and (max-width : 1099px) {

	#header .wrapper, #footer .wrapper {
		flex-direction  : column;
		justify-content : space-evenly;
	}

	#header {
		height : 127px;
	}

	#main {
		padding-top : 127px;
	}

	#header img {
		height : 70px;
	}

	#header ul {
		margin-right : 0;
	}

	#footer {
		height : 130px;
	}

	#footer .wrapper {
		padding-bottom : 0;
	}

	.catList .item {
		width      : 100%;
		margin-top : 0;
	}

	.vortraege .right > .flex {
		height         : 170px;
		flex-direction : column;
	}

	.vortraege .right div:not(.flex) {
		width    : calc(100% + 220px);
		position : relative;
		right    : 220px;
	}

	body .vortraege.flex .right .flex .flex {
		width  : auto;
		margin : 0;
	}

	.vortraege .right div:not(.flex) .more,
	.workshops .right div:not(.flex) .more {
		width   : calc(100% - 40px);
		padding : 40px 30px 30px;
		right   : 0;
	}

	/* todo
	144 - 80
	67 - 40
	*/
	h2 {
		font-size : 60px;
		margin    : 80px 0 40px;
	}

	h3 {
		font-size : 35px;
		margin    : 80px 0 40px;
	}

	#content ul, .content ul, ol, p, table {
		margin : 40px 0;
	}

	h4:first-child {
		margin-top : 40px;
	}

	body:not(.home) #main {
		margin-bottom : 80px;
	}

	#contentBottom .menu .nav-header {
		margin : 80px 0 40px;
	}

	#content,
	.content {
		margin-top    : 80px;
		margin-bottom : 40px;
	}

	body .vortraege {
		margin : 80px 0;
	}

	.tilesBanner {
		margin-bottom : 80px;
	}

	.banner {
		height         : auto !important;
		padding-bottom : 90px;
	}

	.banner .teaser:first-child,
	.banner .headline:first-child {
		padding-top : 80px;
	}

	.banner .headline {
		font-size : 50px;
	}

	.banner .cta,
	.sliderNavi {
		padding-bottom : 0;
	}

	.banner.sliderBanner {
		min-height : 0 !important;
	}

	.banner.mapsBanner {
		padding-bottom : 0;
	}

	.tile .title {
		font-size : 30px;
	}

	.trainerinnenTitle {
		left : 15px;

	}

	.headerImg {
		margin-bottom : -40px;
	}

	/**/

}

@media screen and (max-width : 1000px) {
	.flex.kontakt {
		flex-direction : column;
	}

	.flex.kontakt .left > *:last-child {
		margin-bottom : 0;
	}

	.banner .headline {
		font-size   : 30px;
		line-height : 36px;
	}

	.deiTitle {
		padding : 0 0 700px;
	}

	.deiCircle1 {
		top : 220px;
	}

	.deiCircle2 {
		top  : 220px;
		left : 25%;
	}

	.deiCircle3 {
		top  : 220px;
		left : 75%;
	}

	.deiCircle4 {
		top  : 430px;
		left : 37%;
	}

	.deiCircle5 {
		top  : 660px;
		left : 37%;
	}

	.deiCircle6 {
		top  : 430px;
		left : 63%;
	}

	.deiCircle7 {
		top  : 660px;
		left : 63%;
	}

	.deiBar {
		opacity : 0
	}

}

@media screen and (max-width : 900px) {

	.trainerinnenTitle {
		font-size   : 50px;
		line-height : 60px;
		width       : 55%;
	}

	.deiCircle2 {
		left : 15%;
	}

	.deiCircle3 {
		left : 85%;
	}

	.deiCircle4,
	.deiCircle5 {
		left : 33%;
	}

	.deiCircle6,
	.deiCircle7 {
		left : 68%;
	}
}

@media screen and (max-width : 767px) {
	/*mobile*/
	.desktop,
	.tablet,
	.noMobile {
		display : none;
	}

	#header {
		height : 127px;
	}

	#main {
		padding-top : 127px;
	}

	#header img {
		height : 70px;
	}

	#header .menuBtn + div {
		position   : absolute;
		top        : 100%;
		background : #ffffff;
		left       : 0;
		right      : 0;
		box-shadow : rgba(0, 0, 0, 0.5) 0 2px 3px;
	}

	#header ul {
		margin-right : 0;
		overflow     : auto;
	}

	#header li {
		display : block;
		margin  : 10px;
	}

	#header li a {
		display     : block;
		text-align  : center;
		padding     : 7px 0 5px;
		margin-left : 0;
	}

	#header .menu > li:first-child,
	#header li span {
		display : none;
	}

	#header li ul {
		display     : block !important;
		position    : static;
		z-index     : 1;
		padding     : 0;
		margin-left : 0;
	}

	#header li li {
		padding-top : 0;
		margin      : 10px 0;
	}

	#header li li:last-child {
		margin-bottom : 0;
	}

	#header li li a {
		border-width : 2px;
		margin       : 0;
	}

	#footer {
		text-align : center;
		height     : auto;
		padding    : 20px 0;
	}

	#footer .wrapper {
		top       : 0;
		transform : translateY(0);
	}

	#footer ul {
		flex-direction : column;
	}

	#footer li,
	#footer li.image {
		display : block;
		margin  : 10px 0;
	}

	#footer li:before {
		content : none;
	}

	.tilesBanner {
		flex-direction : column;
	}

	.tile {
		width     : 100%;
		max-width : 370px;
		margin    : 0 auto 40px;
	}

	.tile:last-child {
		margin-bottom : 0;
	}

	.flex.videos {
		flex-direction : column;
	}

	.flex.videos iframe {
		margin : auto;
	}

	.flex.videos p {
		margin : 10px auto 40px;
	}

	/* todo
	144 - 80 - 60
	67 - 40 - 30
	*/
	h2 {
		font-size : 40px;
		margin    : 60px 0 30px;
	}

	h3 {
		font-size : 30px;
		margin    : 60px 0 30px;
	}

	#content ul, .content ul, ol, p, table {
		margin : 30px 0;
	}

	h4:first-child {
		margin-top : 30px;
	}

	body:not(.home) #main {
		margin-bottom : 60px;
	}

	#contentBottom .menu .nav-header {
		margin : 60px 0 30px;
	}

	#content,
	.content {
		margin-top    : 60px;
		margin-bottom : 30px;
	}

	body .vortraege {
		margin : 60px 0;
	}

	.tilesBanner {
		margin-bottom : 60px;
	}

	.sliderBanner,
	.visionBanner {
		padding-bottom : 40px;
	}

	.sliderNavi {
		padding-top : 20px;
	}

	.banner {
		/*padding-bottom: 90px;*/
	}

	.banner .teaser:first-child,
	.banner .headline:first-child {
		padding-top : 60px;
	}

	.banner .headline {
		/*font-size: 50px;*/
	}

	.tile .title {
		/*font-size: 30px;*/
	}

	/*TrainingsSeitenForm*/
	form .flex {
		display : block;
	}

	.ui.form fieldset .multifield.inline.fields label {
		margin-bottom : 30px;
	}

	/*startSeitenForm*/
	.flexForm {
		display : block;
	}

	.ui.form .flexForm .field:last-child {
		margin-bottom : 15px;
	}

	.flexForm > * {
		width : 100%;
	}

}

@media screen and (max-width : 767px) and (orientation : landscape) {
	#header ul.menu {
		column-count : 2;
		margin-top   : 10px;
	}

	#header .parent,
	#header .parent li:first-child {
		margin-top : 0;
	}
}

@media screen and (max-width : 600px) {
	.deiTitle {
		padding : 0;
	}

	.deiCircle {
		position  : static;
		margin    : 30px auto;
		transform : unset;
	}
}

@media screen and (max-width : 479px) {

	.trainerinnenTitle {
		font-size   : 30px;
		line-height : 40px;
	}

	h2 {
		font-size : 28px;
	}

	.flex.vortraege,
	.flex.workshops,
	.catItem,
	.catList .item {
		flex-direction : column;
	}

	.flex.vortraege .left,
	.flex.workshops .left,
	.catItem .left {
		margin : auto;
	}

	body .vortraege.flex .right,
	body .workshops.flex .right,
	.catItem .right,
	.catList .right {
		width       : 100%;
		margin-left : 0;
	}

	body .vortraege.flex .right .flex .flex {
		margin : 0 15px;
	}

	.vortraege .right div:not(.flex),
	.workshops .right div:not(.flex) {
		width : 100%;
		right : 0;
	}

	.vortraege .right > .flex,
	.workshops .right > .flex {
		height : auto;
	}

	.vortraege .right div:not(.flex) .more,
	.workshops .right div:not(.flex) .more {
		width : calc(100% - 55px);
	}

	#trainingTitle {
		font-size : 24px;
	}
}

@media screen and (max-width : 499px) {
	.kontakt .flex {
		display : block;
	}

	.kontakt .flex img {
		margin  : 0 auto 30px !important;
		display : block;
	}

	.chronoforms form {
		padding : 30px 10px;
	}

	.g-recaptcha {
		max-width : 230px;
	}

	body .vortraege.flex .right .flex .flex {
		justify-content : center;
	}

	body .vortraege.flex .right .flex .flex img {
		max-width : 31.5%;
		margin    : 0 5px;
		height    : auto;
	}
}

@media screen and (max-width : 359px) {
	#header {
		height : 100px;
	}

	#main {
		padding-top : 100px;
	}

	#header img {
		height : 50px;
	}

	.menuBtn {
		margin : 0;
	}

	.menuBtn i {
		height : 2px;
		margin : 4px;
	}

	#header .menu {
		margin : 10px 0;
	}

	#header li,
	#header li li {
		margin-top    : 2px;
		margin-bottom : 2px;
	}
}

/**
	DEV grid
**/
.grid {
	display  : none;
	position : fixed;
	top      : 0;
	bottom   : 0;
	left     : 0;
	right    : 0;
	z-index  : 999;
}

.grid .wrapper {
	padding   : 0;
	height    : 100%;
	max-width : 1200px;
}

.grid .container {
	position : absolute;
	display  : flex;
	height   : 100%;
}

.grid .spacer,
.grid .content {
	height : 100%;
	margin : 0;
}

.grid .spacer {
	width            : 15px;
	background-color : rgba(0, 0, 255, 0.2);
}

.grid .content {
	width            : 70px;
	background-color : rgba(255, 0, 0, 0.2);
}

#jform_job {
	display    : none;
	visibility : hidden;
}