body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%}
.mobile_menu{position:fixed;z-index:100;display:none}.mobile_menu .inner{height:100%;background:#000;overflow-y:scroll}.mobile_menu.active.position_left{box-shadow:2px 0 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_top{box-shadow:0 2px 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_right{box-shadow:-2px 0 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_bottom{box-shadow:0 -2px 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.no_shadow{box-shadow:none!important}.mobile_menu_trigger{display:none}.mobile_menu_wrapper{position:relative;width:100%;overflow:hidden}.mobile_menu_overlay{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:99}.mobile_menu_overlay.background{background:rgba(0,0,0,.5)}.mobile_menu li.submenu_hide>ul{display:none}.mobile_menu li.submenu_show>ul{display:block}body.ie8 .mobile_menu,body.ie8 .mobile_menu_trigger,body.ie9 .mobile_menu,body.ie9 .mobile_menu_trigger{display:none!important}
#mbOverlay{position:fixed;z-index:9998;top:0;left:0;width:100%;height:150%;background-color:#000;cursor:pointer}#mbOverlay.mbOverlayOpaque{background:url(../../assets/mediabox/images/80.png)}#mbOverlay.mbOverlayAbsolute{position:absolute}#mbOverlay.mbMobile{position:absolute;background-color:transparent}#mbBottom.mbMobile{line-height:24px;font-size:16px}#mbCenter{position:absolute;z-index:9999;left:50%;padding:10px;background-color:#000;-webkit-border-radius:10px;-khtml-border-radius:10px;-moz-border-radius:10px;border-radius:10px;filter:progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=180, Color='#000000');-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=180, Color='#000000')";-webkit-box-shadow:0 5px 20px rgba(0,0,0,.5);-khtml-box-shadow:0 5px 20px rgba(0,0,0,.5);-moz-box-shadow:0 5px 20px rgba(0,0,0,.5);box-shadow:0 5px 20px rgba(0,0,0,.5)}#mbCenter.mbLoading{background:#000 url(../../assets/mediabox/images/loading-dark.gif) no-repeat center;-webkit-box-shadow:none;-khtml-box-shadow:none;-moz-box-shadow:none;box-shadow:none}#mbMedia{position:relative;left:0;top:0;font-family:Myriad,Verdana,Arial,Helvetica,sans-serif;line-height:20px;font-size:12px;color:#fff;text-align:left;background-position:center center;background-repeat:no-repeat}#mbBottom{line-height:20px;font-size:12px;font-family:Myriad,Verdana,Arial,Helvetica,sans-serif;text-align:left;color:#999;min-height:20px;padding:10px 0 0}#mbTitle,#mbPrevLink,#mbNextLink,#mbCloseLink{display:inline;color:#fff;font-weight:700}#mbNumber{display:inline;color:#999;font-size:.8em;margin:auto 10px}#mbCaption{display:block;color:#999;line-height:1.6em;font-size:.8em}#mbPrevLink,#mbNextLink,#mbCloseLink{float:right;outline:0;margin:0 0 0 10px;font-weight:400}#mbPrevLink b,#mbNextLink b,#mbCloseLink b{color:#eee;font-weight:700;text-decoration:underline}#mbPrevLink big,#mbNextLink big,#mbCloseLink big{color:#eee;font-size:1.4em;font-weight:700}#mbBottom a,#mbBottom a:link,#mbBottom a:visited{text-decoration:none;color:#ddd}#mbBottom a:hover,#mbBottom a:active{text-decoration:underline;color:#fff}#mbError{position:relative;font-family:Myriad,Verdana,Arial,Helvetica,sans-serif;line-height:20px;font-size:12px;color:#fff;text-align:center;border:10px solid #700;padding:10px 10px 10px;margin:20px;-webkit-border-radius:5px;-khtml-border-radius:5px;-moz-border-radius:5px;border-radius:5px}#mbError a,#mbError a:link,#mbError a:visited,#mbError a:hover,#mbError a:active{color:#d00;font-weight:700;text-decoration:underline}
.content-slider{overflow:hidden;visibility:hidden;position:relative}.slider-wrapper{overflow:hidden;position:relative}.slider-wrapper>*{float:left;width:100%;position:relative}.slider-control{height:30px;position:relative}.slider-control a,.slider-control .slider-menu{position:absolute;top:9px;display:inline-block}.slider-control .slider-prev{left:0}.slider-control .slider-next{right:0}.slider-control .slider-menu{top:0;width:50%;left:50%;margin-left:-25%;font-size:27px;text-align:center}.slider-control .slider-menu b{color:#bbb;cursor:pointer}.slider-control .slider-menu b.active{color:#666}
.content-accordion {
	border-bottom: 0px;
}

.handorgel__header__button {
    display: block;
    font: 0.9em Calibri, Arsenal, Lucida Sans Unicode, Lucida Grande, sans-serif;
    width: 100%;
    padding: 10px 10px;
    margin-bottom: 10px;
    border: 0;
    border-top: 1px solid #eee;
    background-color: #333;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    text-align: left;
    transition: background-color .2s ease;
    user-select: none;
}

.handorgel__header__button:hover {
	background-color: #e3090a;
}


.handorgel__content{
	padding: 0px;
	background: #fff;
	border-top: 0px;
}

.handorgel__content__inner{
	padding: 0px;
	background: #fff;
}



a.xyz{
display:inline-block;
padding:0.35em 1.2em;
border:0.1em solid #FFFFFF;
margin:0 0.3em 0.3em 0;
border-radius:0.12em;
box-sizing: border-box;
text-decoration:none;
font-family:'Roboto',sans-serif;
font-weight:300;
color:#FFFFFF;
text-align:center;
transition: all 0.2s;
}
a.xyz:hover{
color:#000000;
background-color:#FFFFFF;
}
@media all and (max-width:30em){
a.xyz{
display:block;
margin:0.4em auto;
}
}

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
   box-sizing: border-box;
}

a {
	color: #e3090a;
    text-decoration: none;
    padding: 0 3px 0 3px;
}

a:hover{
	color: #008080;
    background: #eee;
    border-radius: 0px;
}

a.logos:link {
	color: #e3090a;
    text-decoration: none;
    padding: 0 3px 0 3px;
}

a.logos:hover {
	color: #008080;
    background: #fff;
}

/* ▼ Abstaende Anfang ▼ */

.abst_o_10 {margin-top: 10px;}
.abst_o_20 {margin-top: 20px;}
.abst_o_30 {margin-top: 30px;}
.abst_o_50 {margin-top: 50px;}
.abst_u_10 {margin-bottom: 10px;}
.abst_u_20 {margin-bottom: 20px;}
.abst_u_50 {margin-bottom: 50px;}
.abst_o_minus20 {margin-top: -20px;}

/* ▲ Abstaende Ende ▲ */

.ar {
  border-radius: 10px;
  background-image: -moz-linear-gradient( 90deg, rgb(215,216,215) 0%, rgb(255,255,255) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(215,216,215) 0%, rgb(255,255,255) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(215,216,215) 0%, rgb(255,255,255) 100%);
  box-shadow: 0px 0px 8.19px 0.81px rgba(0, 0, 0, 0.35);
  width: 445px;
  height: 106px;;
}

.ausblenden {
	display: none;
}

.back {
	margin-left: auto;
    margin-right: auto;
    width: 80%;
}

.balk1 {
	color: #fff;
	padding-left: 5px;
	padding-right: 5px;
	background: #aaa;
	border-radius: 5px;
	font:1.3em "Titillium Web",Lucida Sans Unicode,Lucida Grande,sans-serif;
}

.balk2 {
	color: #fff;
	padding-left: 5px;
	padding-right: 5px;
	background: #eee;
	border-radius: 5px;
	font:1.1em "Titillium Web",Lucida Sans Unicode,Lucida Grande,sans-serif;
}
.balk1_kinder {
	color: #fff;
	padding-left: 5px;
	padding-right: 5px;
	background: #94c78c;
	border-radius: 5px;
	font:1.3em "Titillium Web",Lucida Sans Unicode,Lucida Grande,sans-serif;
}

.bb {
	border: 1px solid #e3090a;
	border-radius:2px;
	background: #fff;
	margin-top: 30px;
	padding:10px;
	width: 15%;
	opacity:0.7;
}

#bb {
	border: 1px solid #e3090a;
	border-radius:2px;
	background: #fff;
	margin-top: 30px;
	padding:10px;
	width: 15%;
	opacity:0.7;
}

#bb2 {
	float: left;
	margin-right: 20px;
	margin-top: 0px;
	width: 30%;
}

#bb_coach {
	float: left;
	margin-right: 20px;
	margin-top: 30px;
	width: 30%;
}

.bg_footer{
	background: #666;
	color: #fff;
}

.bil {
	width: 100%;
	min-height: 400px;
	padding-top: 0px;
	margin: 0 auto;
	margin-top: 0px;
	margin-bottom: 0px;
	background:url(/files/Bilder_struktur/pinwand.jpg) 50% 50% no-repeat;
	background-size:cover;
	border-top: 1px solid #ccc;
}

.bil a {
	color: #000;
}

#bild800 {
	display: none;
}

#bildheader {}
#bildheaderresp {display: none;}

.blau_klein {
	background: #0067b8;
	color: #fff;
	padding: 5px 0 5px 10px;
	margin-bottom: 2px;
	font:1em Calibri,Lucida Sans Unicode,Lucida Grande,sans-serif;
	border-radius: 3px;
}

.blackweek {
	font:1.3em "Arial Black";
	margin-bottom: 5px;
}

.blauu {
	padding: 10px 0 10px 10px;
	background: #2774aa;
	font:1.3em Lucida Sans Unicode,Luc666ida Grande,sans-serif;
	color: #fff;
	margin-bottom: 10px;
	border-radius: 3px;
}

.blauu_oa {
	background: #eee;
}

.bleu {
	color: #2774aa;
}

/* ▼ Textfelder Anfang ▼ */
.bmt {
	width: 20%;
	float:left;
    padding:0px;
    border: 0px solid #ccc;
    border-radius: 0px;
    margin-right: 40px;
    margin-bottom: 10px;
    background: #ff;
    color: #444;
    font: 0.9em Calibri,Arsenal,Lucida Sans Unicode,Lucida Grande,sans-serif;
}

.bmt a {
	color: #666;
}

.bmt a:hover {
	text-decoration: none;
}

.bmt1 {
	width: 20%;
	float:right;
    padding: 0px;
    border: 0px dashed #ccc;
    border-radius: 0px;
    margin-left: 40px;
    margin-bottom: 10px;
    margin-top: 20px;
}
/* ▲ Textfelder Ende ▲ */

.bmt_ue {
	font:1.1em Calibri,Arsenal,Lucida Sans Unicode,Lucida Grande,sans-serif;
	font-weight: normal;
	color: #e3090a;
	margin: 0px;
	padding: 0px;
}

.bmtx {
	width: 40%;
	float:left;
    padding:10px;
    border: 0px solid #ccc;
    border-radius: 5px;
    margin-top: 20px;
    margin-right: 40px;
    margin-bottom: 10px;
    background: #eee;
    color: #006c72;
    font: 0.9em calibri,Lucida Grande,sans-serif;
}

body {
	background-color:#fff;
    color:#000;
    font:1.2em Calibri,Arsenal,Lucida Sans Unicode,Lucida Grande,sans-serif;
    margin: 0px;
    line-height: 1.4em;
}

.button_alle_online {
	background: #eee;
	font:1em Calibri,Arsenal,Lucida Sans Unicode,Lucida Grande,sans-serif;
	color: #e3090a;
	border-radius:2px;
	text-align: center;
	textdecoration: none;
	margin-left: 0px;
}
.button_alle_online a{
	display:block;
	padding: 5px;
	border: 1px solid #ccc;
	color: #e3090a;
	text-decoration: none;
}

.button_alle_online a:hover {
	background: #999;
	color: #fff !important;
}

.button_alle_online:hover {
	background: #999;
	color: #fff !important;
}

.button_blau {
	width: 110px;
	background: #2774aa;
	color: #fff;
	border: 0px solid #ccc;
	border-radius:6px;
	padding: 5px;
	text-align: center;
	textdecoration: none;
	margin-left: 5px;
}
.button_blau a{
	color: #fff;
	text-decoration: none;
}
.button_blau:hover,.button_blau:hover a {
	background: #666;
	color: #fff;
}

.button_grau {
	width: 200px;
	background: #fff;
	font:0.9em Calibri,Arsenal,Lucida Sans Unicode,Lucida Grande,sans-serif;
	color: #666;
	border: 1px solid #666;
	border-radius:2px;
	padding: 5px;
	text-align: center;
	textdecoration: none;
	margin-left: 0px;
}
.button_grau a{
	width: 200px;
	color: #666;
	text-decoration: none;
}
.button_grau:hover {
	background: #fff;
	color: #e3090a !important;
	border: 1px solid #e3090a;
}

.button_grau a:hover {
	background: #fff;
	color: #e3090a
}

.button_gruen {
	width: 100px;
	background: #00a3a0;
	color: #fff;
	border-radius:6px;
	padding: 5px;
	text-align: center;
	textdecoration: none;
	margin-left: 5px;
}
.button_gruen a{
	color: #fff;
	text-decoration: none;
}
.button_gruen:hover {
	background: #f49827;
	color: #fff;
}

.button_gsb {
	width: 300px;
	background: #333;
	font:0.9em Calibri,Arsenal,Lucida Sans Unicode,Lucida Grande,sans-serif;
	color: #e3090a;
	border-radius:4px;
	text-align: center;
	textdecoration: none;
	margin-left: 0px;
	opacity: 0.5;
}
.button_gsb a{
	display:block;
	padding: 5px;
	border: 1px solid #333;
	color: #fff;
	text-decoration: none;
}

.button_gsb a:hover {
	background: #e3090a;
	border: 1px solid #e3090a;
	color: #fff !important;
}

.button_gsb:hover {
	background: #ccc;
	color: #000 !important;
}


.button_leistungen {
	width: 220px;
	background: #eee;
	color: #e3090a;
	border: 0px solid #ccc;
	border-radius:6px;
	padding: 5px;
	text-align: center;
	textdecoration: none;
	margin-left: 5px;
}
.button_leistungen a{
	color: #e3090a;
	text-decoration: none;
}
.button_leistungen:hover {
	background: #ddd;
	color: #000;
}

.button_leistungen a:hover {
	background: #ddd;
	color: #000;
}

.button_neu {
	background: #e3090a;
	font:0.9em Calibri,Arsenal,Lucida Sans Unicode,Lucida Grande,sans-serif;
	color: #fff;
	padding: 10px;
	textdecoration: none;
	margin-left: 0px;
	border-top: 0px #fff solid;
	border-radius: 5px !important;
}
.button_neu a{
	padding: 0px;
	border: 0px solid #e3090a;
	color: #fff;
	text-decoration: none;
}

.button_neu a:hover {
	background: #333;
	color: #fff !important;
}

.button_neu:hover {
	background: #333;
}

.button_neu_grau {
	background: #666;
	font:0.9em Calibri,Arsenal,Lucida Sans Unicode,Lucida Grande,sans-serif;
	color: #fff;
	padding: 10px;
	textdecoration: none;
	margin-left: 0px;
	border-radius: 0px !important;
}
.button_neu_grau a{
	display:block;
	padding: 0px;
	border: 0px solid #666;
	color: #fff;
	text-decoration: none;
}

.button_neu_grau a:hover {
	background: #333;
	color: #fff !important;
}

.button_neu_grau:hover {
	background: #333;
	border: 0px #000 solid;
	color: #fff !important;
}

.button_newsletter {
	width: 190px;
	background: #fff;
	font:0.9em Calibri,Lucida Sans Unicode,Lucida Grande,sans-serif;
	color: #e3090a;
	border-radius:2px;
	text-align: center;
	textdecoration: none;
	margin-left: 0px;
}
.button_newsletter a{
	display:block;
	padding: 5px;
	border: 1px solid #e3090a;
	color: #e3090a;
	text-decoration: none;
}

.button_newsletter a:hover {
	background: #333;
	border: 1px solid #333;
	color: #fff !important;
}

.button_newsletter:hover {
	background: #333;
	color: #fff !important;
}

.button_newsletter_head {
	width: 190px;
	background: #333;
	font:0.9em Calibri,Arsenal,Lucida Sans Unicode,Lucida Grande,sans-serif;
	color: #e3090a;
	border-radius:4px;
	text-align: center;
	textdecoration: none;
	margin-left: 0px;
	opacity: 0.5;
}
.button_newsletter_head a{
	display:block;
	padding: 5px;
	border: 1px solid #333;
	color: #fff;
	text-decoration: none;
}

.button_newsletter_head a:hover {
	background: #e3090a;
	border: 1px solid #e3090a;
	color: #fff !important;
}

.button_newsletter_head:hover {
	background: #ccc;
	color: #000 !important;
}

.button_sw {
    width: 110px;
	background: #fff;
	font:0.8em Blinker,Rajdhani,Arsenal,Lucida Sans Unicode,Lucida Grande,sans-serif;
	color: #666;
	border: 1px solid #666;
	border-radius:2px;
	padding: 5px;
	text-align: center;
	textdecoration: none;
	margin-right: 10px;
	float: left;
}

.button_sw:hover {
    background-color:#333;
    border:1px solid #333;
    color:#fff;
}

.button_weiterbildung {
	background: #eee;
	font:1.1em Calibri,Arsenal,Lucida Sans Unicode,Lucida Grande,sans-serif;
	color: #000;
	border-radius:2px;
	textdecoration: none;
	margin-bottom: 5px;
}
.button_weiterbildung a{
	display:block;
	padding: 8px;
	border: 0px solid #e3090a;
	color: #000;
	text-decoration: none;
}

.button_weiterbildung a:hover {
	background: #666;
	color: #fff !important;
}

.button_weiterbildung:hover {
	background: #666;
	color: #fff !important;
}

.button_weiterlesen {
	width: 110px;
	background: #fff;
	font:1em Calibri,Arsenal,Lucida Sans Unicode,Lucida Grande,sans-serif;
	color: #e3090a;
	border-radius:2px;
	text-align: center;
	textdecoration: none;
	margin-left: 0px;
}
.button_weiterlesen a{
	display:block;
	padding: 0px;
	border: 1px solid #e3090a;
	color: #e3090a;
	text-decoration: none;
}

.button_weiterlesen a:hover {
	background: #e3090a;
	color: #fff !important;
}

.button_weiterlesen:hover {
	background: #e3090a;
	color: #fff !important;
}

.button_or {
	width: 250px;
	background: #2774aa;
	color: #fff !important;
	float: right;
	border: 0px solid #ccc;
	border-radius:6px;
	padding: 5px;
	text-align: center;
	textdecoration: none;
	margin-top: 10px;
	margin-bottom: 0px;
}
.button_or a{
	color: #fff !important;
	text-decoration: none;
}
.button_or:hover {
	background: #666;
	color: #fff;
}

.button_zurück_home {
	width: 200px;
	background: #fff;
	font:0.9em Titillium Web,Rajdhani,Arsenal,Lucida Sans Unicode,Lucida Grande,sans-serif;
	color: #666;
	border: 0px solid #666;
	border-radius:2px;
	padding: 5px;
	text-align: center;
	textdecoration: none;
	margin-left: 0px;
}

.disp {}

.button_zurück_home a{
	width: 200px;
	color: #666;
	text-decoration: none;
}
.button_zurück_home:hover {
	background: #fff;
	color: #e3090a !important;
	border: 0px solid #e3090a;
}

#com_tl_page_125 {
    margin-top: 30px;
    padding-top: 20px;
    border-top: 5px solid #eee;
}

.button_zurück_home a:hover {
	background: #fff;
	color: #e3090a
}

.ce_text first block {
	background: #eee;
}

/** 3 Spalten Startseite **/
#drei01 {
    font-size:0.9em;
    line-height: 1.4em;
    padding: 15px;
	margin-right: 20px;
	background: #eee;
	color: #000;
	border:0px solid #ccc;
    border-radius:5px;
    width: 33%;
}

#drei02 {
	font-size:0.9em;
	line-height: 1.4em;
	padding: 15px;
	margin-right: 20px;
	color: #000;
	background: #eee;
	border:0px solid #ccc;
    border-radius:5px;
    width: 33%;
}

#drei03 {
	font-size:0.9em;
	line-height: 1.4em;
	padding: 15px;
	margin-right: 0px;
	background: #eee;
	color: #000;
	border:0px solid #ccc;
    border-radius:5px;
    width: 33%;
}

.dunkelgrau {
	background: #333;
	color: #eee;
}

.eingerueckt {
	margin-left: 30px;
}

.einstieg {
	color: #e3090a;
	margin-top: 5px;
}

.extra {
	font: 1em "Fira Sans",Lucida Sans Unicode,Lucida Grande,sans-serif;
}

.film {
	float: left; margin-right: 20px; margin-top: 10px;
}

.film2 {
	width: 20%;
	float:left;
    padding:0px;
    border: 0px solid #ccc;
    border-radius: 0px;
    margin-right: 40px;
    margin-bottom: 10px;
}

#flex {
    width:80%;
    display:flex;
    margin-right:auto;
    margin-left:auto;
    flex-direction: row;
    justify-content: space-between;
    align-items: stretch;
    border-left: 0px solid #c85637;
    padding-left: 0px;
}

#flex100 {
    width:100%;
    display:flex;
    margin-right:auto;
    margin-left:auto;
    flex-direction: row;
    justify-content: space-between;
    align-items: stretch;
    border-left: 0px solid #c85637;
    padding-left: 0px;
}

#fuss {
    width:100%;
    background:#eee;
    margin-right:auto;
    margin-left:auto;
    margin-top: 50px;
    padding-bottom: 50px;
    border-top: 1px solid #ccc;
}

#fuss a{
    color: #4a4b6f;
    text-decoration: none;
}

#ganz {
	width: 100%;
	background: #fff;
	padding: 0px 0 0px 0;
}

#ganzoben {
	padding-top: 5px;
	padding-right: 20px;
	text-align: right;
	border-bottom: 0px solid #ddd;
	background: #fff;
	opacity: 0.6;
}

#ganzoben a {
	padding: 0 5px 0 5px;
	color: #000;
	text-decoration: none;
}

#ganzoben a:hover {
	color: #fff;
	background: #e3090a;
	border-radius: 2px;
}

#ganzoben_res {
	display:none;
}

.gesamt_hg {
	width: 100%;
	min-height: 1000px;
	padding-top: 0px;
	margin: 0 auto;
	margin-top: 0px;
	margin-bottom: 0px;
	background:url(/files/Bilder_struktur/head_4.jpg) 50% 50% no-repeat;
	background-size:cover;
	border-radius: 2px;
}

.grau {
	color: #999;
}

.gross {
	font:1.1em Lucida Sans Unicode,Lucida Grande,sans-serif;
}

.gruen {
	color: #00B050;
}

.halli h1 {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}

h1 {
	font:1.5em calibri,Lucida Sans Unicode,Lucida Grande,sans-serif;
	color: #000 !important;
	margin-top: 0px;
}

h2 {
	font:1.1em sans-serif;
	color: #000;
	font-weight:normal;
	margin: 0px 0px 0px 0px;
}

h2 a {
	font:1em sans-serif;
	color: #333;
	margin: 0px 0px 0px 0px;
}

h3 {
	font:1.1em Calibri,Lucida Sans Unicode,Lucida Grande,sans-serif;
	font-weight: normal;
	color: #666;
	margin: 0px;
}
h4 {
	font:1.2em Calibri,Arsenal,Lucida Sans Unicode,Lucida Grande,sans-serif;
	font-weight: normal;
	color: #000;
	margin: 0px;
	padding: 0px;
}

h5 {
	font:1.2em Calibri,Arsenal,Lucida Sans Unicode,Lucida Grande,sans-serif;
	color: #e3090a;
	font-weight:bold;
	margin: 0px 0px 0px 0px;
}

h6 {
	font:1.2em Calibri,Arsenal,Lucida Sans Unicode,Lucida Grande,sans-serif;
	color: #e3090a;
	font-weight:normal;
	margin: 0px 0px 0px 0px;
}

.hea {
    width:100%;
    background:#eee;
    margin-right:auto;
    margin-left:auto;
    margin-bottom:20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #ccc;
}


.headtext_1 {
	font:3em Audiowide,Rajdhani,Arsenal,Lucida Sans Unicode,Lucida Grande,sans-serif;
	color: #e3090a;
	margin-top: 50px;
	font-weight: normal;
	width: 230px;
	background: #fff;
	opacity: 0.7;
}

.headtext_2 {
	font:1.5em Calibri, Lucida Sans Unicode,Lucida Grande,sans-serif;
	color: #000;
	margin: 0px;
	font-weight: normal;
}

.hellgrau {
	padding: 10px 0 10px 10px;
	font:1.4em Lucida Sans Unicode,Lucida Grande,sans-serif;
	background: #eee;
	color: #000;
	margin-bottom: 10px;
	border-radius: 3px;
	border-left: 10px solid #2774aa;
}

.hellgrau_oa {
	background: #fff;
	padding: 6px 0 6px 0;
	border-top: 1px dashed #ccc;
	border-bottom: 1px dashed #ccc;
	border-radius:0px;
	margin-top: 10px;
}

.hintergrund {
	color: #000;
	padding-left: 10px;
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 3px;
	margin: 10px 0 10px 0;
}

.hintergrund a {
	color: #e3090a;
}

hr {
	border: dashed #ccc 1px;
}

#hrkopf {
	display:none;
}

img {
	max-width: 100%;
	height: auto;
	border-radius: 3px;
}

.info {
    background: #e3090a;
    color: #fff;
    padding-left: 10px;
    font: 1.1em Calibri,Lucida Grande,sans-serif;
    font-weight: normal;
}

#kopf {
    width:100%;
    margin-right:auto;
    margin-left:auto;
    border-left: 0px solid #ddd;
}

/* Formatierung Newsliste */

.layout_simple {
	font:0.9em Calibri,Arsenal,Lucida Sans Unicode,Lucida Grande,sans-serif;
    margin-top: 10px;
    background: #666;
    padding: 10px;
    border: 0px dashed #ccc;
    border-radius: 0px;
}

.layout_simple a {
   color: #fff !important;
}

.layout_simple a:hover {
   color: #fff !important;
   background: none;
}

.layout_simple:hover {
	background: #e3090a;
	border: 0px #e3090a solid;
	color: #fff !important;
}

/* Ende Formatierung Newsliste */

.lila {
	background: #6791cb;
	color: #fff;
	padding: 10px 0 10px 20px;
	margin-bottom: 2px;
	font:1.3em 'Titillium Web',Lucida Sans Unicode,Lucida Grande,sans-serif;
	border-radius: 3px;
}

.linie {
	border: 3px solid #ddd;
	border-radius:6px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	margin-top: 15px;
}

.link_rechts {
	color: #7ba2cd;
}

.logoschrift {
	font:3em Rajdhani,Shadows Into Light,Arsenal,Lucida Sans Unicode,Lucida Grande,sans-serif;
	color: #e3090a;
	padding-top: 0px;
	padding-bottom: 0px;
}

.logoschrift a {
	color: #274a84;
	text-decoration: none;
}

.logoschrift a:hover {
	color: #e3090a;
}

#metaseminar {
    width:80%;
    display:flex;
    margin-top: 20px;
    margin-right:auto;
    margin-left:auto;
    flex-direction: row;
    justify-content: space-between;
    align-items: stretch;
    border-left: 0px solid #c85637;
    padding-left: 0px;
}

#mitte {
    width:80%;
    margin-right:auto;
    margin-left:auto;
    margin-bottom: 0px;
}
#mitte_nav {
    width:100%;
    margin-right:auto;
    margin-left:auto;
}

.mitte {
    width:80%;
    margin-right:auto;
    margin-left:auto;
    margin-bottom: 0px;
}

.mobile_menu .inner {
    background: #eee;
}

.more {
	padding-bottom: 20px;
	border-bottom: 1px dashed #ccc;
}

#nav_voll {
	margin-bottom: 0px;
	border-radius: 0px;
	height: 60px;

}
#nav_res {
	margin-top: 10px;
	display:none;
}

/** 2 Spalten Newsletter **/

#nl01 {
    width: 50%;
	padding: 5px 15px 0 0;
	margin-right: 0px;
	background: #fff;
	border-left:0px solid #eee;
	border-right:0px solid #eee;
    border-radius:0px;
}

#nl02 {
	width: 50%;
	padding: 20px 25px 0 25px;
	margin-left: 0px;
	margin-top: 30px;
	color: #666;
	background: #eee;
	border:1px solid #ccc;
    border-radius:5px;
    behavior:url('assets/css3pie/1.0.0/PIE.htc');
}

#nl01 a, #nl02 a {
	color: # 000;
	text-decoration: none;
}

#nl01 a:hover, #nl02 a:hover {
	color: #a60000;
}


/* Nachfolgend: CSS für die Links der Nachrichtenliste */

.nl {
    color: #000;
    background-color: #fff;
}
.nl a {
    color: #000;
    padding: 0px;
}

.neu {
	color: #fff;
	background: #e3090a;
	width: 750px;
	padding: 0 10px 0 10px;
	border-radius: 2px;
}

.neu a {
	color: #fff;
	text-decoration: underline;
}

.neu a:hover {
	background: #000;
}

.neu_grau {
	color: #fff;
	background: #666;
	width: 450px;
	padding: 0 10px 0 10px;
	border-radius: 2px;
}


.neu_grau a {
	color: #fff;
	text-decoration: underline;
}

.neu_grau a:hover {
	background: #e4e216;
}

.neu_gruen {
	color: #fff;
	background: #62994f;
	width: 450px;
	padding: 0 10px 0 10px;
	border-radius: 2px;
}

.neu_gruen a {
	color: #fff;
	text-decoration: underline;
}

.neu_gruen a:hover {
	background: #000;
}

.newsl {
	font:2em Arsenal,Lucida Sans Unicode,Lucida Grande,sans-serif;
}

.null {
    margin-top: 0px;
    margin-bottom: 0px;
}

.nl a:hover {
    color: #a60000;
    text-decoration: underline;
}

/** 2 Spalten Header oben **/
#obenlinks {
    width: 50%;
}

#obenrechts {
	width: 50%;
	color: #274a84;
}

#obenrechts a {
	color: #274a84;
	text-decoration: none;
}

#obenrechts a:hover, #obenrechts a:hover {
	color: #fff;
}

#oben02 {}

.ocker {
	color: #ffcc00;
}

/* Abstaende */

.padd_o_10 {padding-top: 10px;}
.padd_o_20 {padding-top: 20px;}
.padd_u_10 {padding-bottom: 10px;}
.padd_u_20 {padding-bottom: 20px;}
.padd_u_50 {padding-bottom: 50px;}

/* Nachfolgend: CSS für die Navigation des Nachrichtenarchivs am Ende */

.pagination.block p {
    color: #a60000;
    background-color: #ddd;
    padding: 3px;
}

.pagination.block ul {
    -webkit-padding-start: 0px;
}
.pagination.block li {
    float: left;
    margin: 0;
    list-style-type: none;
    padding-right: 15px;
}
.pagination.block li a {
    font-weight: normal;
}
.pagination.block li span.current {
    font-weight: normal;
    color: #fff;
    background: #a60000;
    padding-left: 8px;
    padding-right: 8px;
    border:0px solid #fff;
    border-radius:15px;
}

p.ohne {
	margin-top: 0px;
	margin-bottom: 0px;
}

.redjohn {
	color: #e3090a;
}

.responsive-video {
	position: relative;
	padding-bottom: 56%; /* 16/9 Video */
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.responsive-video iframe,  
.responsive-video object,  
.responsive-video embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#salnav {
}

#salnav a {
	border:none;
}

#salnav .select {
    width:100%;
    height:50px;
    background:#eee;
    border:0px solid #ddd;
    color:#e3090a;
    padding: 5px;
    margin-bottom: 10px;
	font:1em Rajdhani,Arsenal,Arsenal,Lucida Sans Unicode,Lucida Grande,sans-serif;
	border-radius: 2px;
}

.salo_spezial {
	background: #909cac;
	color: #fff;
	padding-left: 5px;
	border-radius: 3px;
	width: 300px;
}

.salo_spezial_2 {
	background: #909cac;
	color: #fff;
	padding-left: 5px;
	border-radius: 3px;
}

.schatten figure.image_container img {
	 border: 0px solid #ccc;
     border-radius: 0px;
     width: 100%;
}

/** 3 Spalten Seminare **/

#seminar01 {
    width: 33.4%;
	padding: 15px;
	margin-right: 20px;
	background: #fff;
	border:1px solid #ddd;
    border-radius:6px;
}

#seminar02 {
	width: 33.4%;
	padding:15px;
	margin-right: 20px;
	color: #000;
	background: #f4f4f4;
	border:1px solid #ddd;
    border-radius:6px;
    behavior:url('assets/css3pie/1.0.0/PIE.htc');
}

#seminar03 {
	width: 33.4%;
	padding:15px;
	margin-right: 0px;
	background: #fff;
	border:1px solid #ddd;
    border-radius:6px;
}

.strich {
	border-bottom: 1px solid #ccc;
}

.sys_tem {
	background: #eee; padding: 5px 5px 5px 10px; border-radius: 4px;
}

.texte a{
	color: #000;
    text-decoration: none;
}

.texte a:hover{
	color: #e3090a;
    text-decoration: none;
}

.text_header {
	color: #000;
	/* font:1.5em 'Titillium Web',Lucida Sans Unicode,Lucida Grande,sans-serif; */
	background: #fff;
	opacity: 0.5;
	padding: 10px 15px 10px 20px;
}

.texthg {
	background-color:#fff;
	padding-left: 20px;
	padding-right: 20px;
	opacity: 0.7;
}

.ueber01 {
	font:5em 'Titillium Web',Lucida Sans Unicode,Lucida Grande,sans-serif;
	color: #fff;
	text-align: center;
	padding-top: 50px;
}

.ueber_blau {
	color: #e3090a;
	font-size: 1.3em;
	background-image: linear-gradient(to right, #fff, #eee);
	padding: 10px 20px 10px 0;
	border-bottom: 0px solid #ccc;
	border-top: 0px solid #ccc;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}

.ueber_blau_2 {
	color: #2a495d;
	font-size: 1.3em;
	background-image: linear-gradient(to right, #eee, #fff);
	padding: 10px 20px 10px 0;
	border-bottom: 0px solid #ccc;
	border-top: 0px solid #ccc;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}

#ueberschrift {
	font:1.5em "Titillium Web",Lucida Sans Unicode,Lucida Grande,sans-serif;
	color: #333;
	margin: 0px;
	padding: 0px;
}

.umbruch {width: 40%;}
.umbruch2 {width: 50%;}

.urheber {
	font:0.7em Arsenal,Lucida Sans Unicode,Lucida Grande,sans-serif;
	color: #999;
}

/** 4 Spalten Startseite **/
#vier01 {
    padding: 15px;
	margin-right: 10px;
	background: #eee;
	color: #2a495d;
	border-left:0px solid #ddd;
	border-right:0px solid #ddd;
    border-radius:3px;
    width: 25%;
}

#vier02 {
	padding: 15px;
	margin-right: 10px;
	color: #2a495d;
	background: #eee;
	border-right:0px solid #ddd;
    border-radius:3px;
    width: 25%;
}

#vier03 {
	padding: 15px;
	margin-right: 10px;
	background: #eee;
	color: #2a495d;
	border-left:0px solid #ddd;
	border-right:0px solid #ddd;
    border-radius:3px;
    width: 25%;
}

#vier04 {
	padding: 15px;
	margin-right: 0px;
	background: #eee;
	color: #2a495d;
	border-left:0px solid #ddd;
	border-right:0px solid #ddd;
    border-radius:3px;
    width: 25%;
}

/** #vier01 a, #vier02 a, #vier03 a, #vier04 a {
	color: #196e55;
	text-decoration: none;
}

#vier01 a:hover, #vier02 a:hover, #vier03 a:hover, #vier04 a:hover {
	color: #000;
} **/


/** 4 Spalten ohne Padding **/
#vier_b_01 {
    padding: 0px;
	margin: 10px 10px 5px 0;
	border-left:0px solid #ddd;
	border-right:0px solid #ddd;
    border-radius:3px;
    width: 25%;
}

#vier_b_02 {
	padding: 0px;
	margin: 10px 10px 5px 0;
	border-right:0px solid #ddd;
    border-radius:3px;
    width: 25%;
}

#vier_b_03 {
	padding: 0px;
	margin: 10px 10px 5px 0;
	border-left:0px solid #ddd;
	border-right:0px solid #ddd;
    border-radius:3px;
    width: 25%;
}

#vier_b_04 {
	padding: 0px;
	margin: 10px 0px 5px 0;
	border-left:0px solid #ddd;
	border-right:0px solid #ddd;
    border-radius:3px;
    width: 25%;
}

#vier_b_05 {
	padding: 0px;
	margin: 10px 10px 5px 0;
	border-left:0px solid #ddd;
	border-right:0px solid #ddd;
    border-radius:3px;
    width: 25%;
}

#vier_b_01 a, #vier_b_02 a, #vier_b_03 a, #vier_b_04 a {
	color: #ffcc00;
	text-decoration: none;
}

#vier_b_01 a:hover, #vier_b_02 a:hover, #vier_b_03 a:hover, #vier_b_04 a:hover {
	color: #ccc;
}
/** video **/

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


#video_flex {
    width:80%;
    display:flex;
    margin-right:auto;
    margin-left:auto;
    flex-direction: row;
    justify-content: space-between;
    align-items: stretch;
    border-left: 0px solid #c85637;
    padding-left: 0px;
}

#video01 {
    width: 50%;
	margin-right: 10px;
	margin-top: 20px;
	padding: 10px;
	border: 1px solid #ccc;
	background: #f4f4f4;
	border-radius: 5px;
}

#video02 {
	width: 50%;
	margin-left: 10px;
	margin-top: 20px;
	padding: 10px;
	border: 1px solid #ccc;
	background: #f4f4f4;
	border-radius: 5px;
}

.videotext {
	color:#555;
    font:0.9em Blinker,Rajdhani,Arsenal,Lucida Sans Unicode,Lucida Grande,sans-serif;
    line-height: 1.5em;
    padding: 5px;
}
.videoeingang {
	padding: 5px;
	border: 1px solid #ccc;
	background: #fff;
}


.weiterlesen {
	color: #000;
	padding-left: 5px;
	background: #eee;
	border-radius: 3px;
}

.weiterlesen a {
	color: #000;
}

.zeile {
	font:1em calibri,Lucida Sans Unicode,Lucida Grande,sans-serif;
	color: #c0c0c0;
	padding-left:0px;
	padding-right: 10px;
	border-radius: 3px;
	white-space: nowrap;
}
.zeile a {
	color: #666;
}

.zeile a:hover {
	color: #e3090a;
}

.zeile_rot {
	font:0.9em Titillium Web,Rajdhani,Arsenal,Lucida Sans Unicode,Lucida Grande,sans-serif;
	color: #c0c0c0;
	padding-left:0px;
	padding-right: 10px;
	border-radius: 3px;
	white-space: nowrap;
}
.zeile_rot a {
	color: #e3090a;
}

.zeile_rot a:hover {
	color: #000;
}


.zeilex a {
	color: #e3090a;
}

.zeilex a:hover {
	color: #000;
}

.zeilex {
	font:1em calibri,Lucida Sans Unicode,Lucida Grande,sans-serif;
	color: #c0c0c0;
	padding-left:0px;
	padding-right: 10px;
	border-radius: 3px;
	white-space: nowrap;
	
}

.zentriert {
    width:80%;
    margin-right:auto;
    margin-left:auto;
    margin-bottom: 0px;
}

/** 2 Spalten 20/80 **/
#zwei01 {
    width: 20%;
	padding: 0 0 0 0;
	margin-right: 20px;
	margin-left: 0px;
	margin-top: 35px;
	color: #666;
	background: #fff;
	border:0px solid #ccc;
    border-radius:2px;
}

#zwei02 {
	width: 80%;
	padding: 0px 0 0 10px;
	margin-left: 5px;
	margin-top: 30px;
	color: #666;
	background: #fff;
	border:0px solid #ccc;
    border-radius:2px;
    behavior:url('assets/css3pie/1.0.0/PIE.htc');
}

#zwei01 a, #zwei02 a {
	color: #000;
	text-decoration: none;
}

#zwei01 a:hover, #zwei02 a:hover {
	color: #a6000;
	text-decoration:none;
}

/** 2 Spalten 70/30 **/
#zwei03 {
    width: 70%;
	padding: 0 0 0 0;
	margin-right: 20px;
	margin-left: 0px;
	margin-top: 35px;
	color: #666;
	background: #fff;
	border:0px solid #ccc;
    border-radius:2px;
}

#zwei04 {
	width: 30%;
	padding: 10px 20px 0 20px;
	margin-left: 5px;
	margin-top: 30px;
	color: #666;
	border-left :1px dashed #ccc;
	border-radius:5px;
}

#zwei04 a, #zwei04 a {
	color: #000;
	text-decoration: none;
}

#zwei04 a:hover, #zwei04 a:hover {
	color: #a6000;
	text-decoration:none;
}

/** 2 Spalten 50/50 **/
#zwei05 {
    width: 50%;
	padding: 0 0 0 0;
	margin-right: 20px;
	margin-left: 0px;
	margin-top: 0px;
	color: #666;
	background: #fff;
	border:0px solid #ccc;
    border-radius:2px;
}

#zwei06 {
	width: 50%;
	padding: 0px 0 0 10px;
	margin-left: 5px;
	margin-top: 0px;
	color: #666;
	background: #fff;
	border:0px solid #ccc;
    border-radius:2px;
    behavior:url('assets/css3pie/1.0.0/PIE.htc');
}

#zwei05 a, #zwei06 a {
	color: #000;
	text-decoration: none;
}

#zwei05 a:hover, #zwei06 a:hover {
	color: #a6000;
	text-decoration:none;
}



#kontaktformular label {
    display:inline;
    margin:0;
    padding:2px;
}

#kontaktformular input {
    width:98%;
    margin:2px;
    padding:2px;
    border:1px solid #ccc;
}

#kontaktformular textarea {
    width:98%;
    margin:2px;
    padding:2px;
    border:1px solid #ccc;
}

#kontaktformular textarea <label> {
    color: #666;
}

#kontaktformular legend {
    color: #666;
    display: inline;
    padding-inline-start: 0px;
}

#kontaktformular fieldset#ctrl_125.checkbox_container{
    margin-inline-start: -15px;
    margin-inline-end: 2px;
    padding-block-start: 0.35em;
    padding-inline-start: 0.75em;
    padding-inline-end: 0.75em;
    padding-block-end: 0.625em;
    min-inline-size: min-content;
}

#kontaktformular div > label {
    color: #666;
}

#kontaktformular .select {
    width:auto;
    margin:2px 0;
    border:0px;
    background: #ccc;
}

#kontaktformular .checkbox_container {
    margin-top:0;
    border: none;
}

#kontaktformular .checkbox_container span {
    display:block;
}

#kontaktformular .checkbox {
    width:auto;
}

#kontaktformular .radio_container {
    margin-top:0;
    border: none;
}

#kontaktformular .radio_container span {
    display:block;
}

#kontaktformular .radio {
    width:auto;
}

#kontaktformular .submit {
    width:auto;
    margin:10px 0;
    padding: 5px 10px 5px 10px;
    background-color:#999;
    border:1px solid #999;
    color:#fff;
}

#kontaktformular .submit:hover {
    background-color:#333;
    border:1px solid #333;
    color:#fff;
}

#kontaktformular input:hover,
#kontaktformular input:focus,
#kontaktformular textarea:hover,
#kontaktformular textarea:focus,
#kontaktformular select:hover,
#kontaktformular select:focus {
    background-color:#f8f8f8;
    border:1px solid #a60000;
}

#kontaktformular 2-spaltig #kontaktformular .div-left {
    width:49%;
    float:left;
    margin:0 10px 0 0;
}

#kontaktformular .div-right {
    width:49%;
    float:left;
    margin:0;
}
@media screen and (max-width: 1610px){
.bmt {
	width: 25%;
}
}

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

.ueber_blau {
	color: #2a495d;
	font-size: 1.3em;
	background-image: none;
	padding: 0px 0px 0px 0;
	border-bottom: 0px solid #ccc;
	border-top: 0px solid #ccc;
}
}

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

h1 {width: 92% !important;}

#kopf {
    width:100%;
    margin-right:auto;
    margin-left:auto;
}
#mitte {
    width:92%;
    margin-right:auto;
    margin-left:auto;
}
.mitte {
    width:92%;
    margin-right:auto;
    margin-left:auto;
}
#mitte_nav {
    width:100%;
    margin-right:auto;
    margin-left:auto;
}
#fuss {
    margin-right:auto;
    margin-left:auto;
    margin-top: 50px;
    margin-bottom: 50px;
}
.schatten figure.image_container img {
	width: 70%;
}
#flex {
    width:92%;
}
#metaseminar {
    width:92%;
}

#bb {
	width: 30%;
}
#zwei01 {
    width: 30%;
}
.bmt {
	width: 25%;
}
}

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

.schatten figure.image_container img {
	width: 70%;
}
.umbruch {width: 60%};
#obenlinks, #obenrechts {
    width: 98%;
}
#obenlinks a, #obenrechts a {
	color: #0067b8;
	text-decoration: none;
}
.bmt {
	width: 27%;
}
}

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

#nav_voll  {
 display: none;
}
#nav_res  {
 display: none;
 margin-top: 10px;
}
#bb {
	width: 35%;
}
.ueber_blau {
	color: #2a495d;
	font-size: 1.3em;
	background-image: none;
	padding: 0px 0px 0px 0;
	border-bottom: 0px solid #ccc;
	border-top: 0px solid #ccc;
}
.umbruch,.umbruch2 {width: 80%};

#obenlinks,#obenrechts {
    width: 98%;
}
#obenlinks a, #obenrechts a {
	color: #0067b8;
	text-decoration: none;
}
#zwei01 {
    width: 40%;
}
.bmt {
	width: 30%;
}
#drei01,#drei02,#drei03 {
    width: 98%;
    padding: 0 0 20px 0;
    border: 0px;
    border-bottom: 1px solid #ccc;
    background: #fff;
    margin-bottom: 20px;
    border-radius: 0px;
}
}

@media screen and (max-width: 930px){
.bmt {
	width: 35%;
}
.bmt1 {
	width: 35%;
	margin-left: 10px;
}
#zwei03{
    width: 98%;
    padding: 0px;
    border: 0px;
    background: #fff;
    margin: 0px;
}
#zwei04{
    width: 100%;
    background: #eee;
    padding-left: 10px;
    border: 0px;
    margin-top: 30px;
}
}

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

#kopf {
    width:100%;
    margin-right:auto;
    margin-left:auto;
}

h1 {
	font:1.2em calibri,Lucida Sans Unicode,Lucida Grande,sans-serif;
}

#mitte {
    width:94%;
    margin-right:auto;
    margin-left:auto;
}
#mitte_nav {
    width:94%;
    margin-right:auto;
    margin-left:auto;
}
#nl01 {
    width: 100%;
}

#nl02 {
	display: none;
}


#ganz{
	background: #fff;
}
#fuss {
    margin-right:auto;
    margin-left:auto;
    margin-top: 50px;
    margin-bottom: 50px;
}
#nav_voll  {
 display: none;
}
#nav_res  {
 display: none;
 margin-top: 10px;
 width: 100%;
}
.schatten figure.image_container img {
	display: none;
}
#bild800 {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 70%;
	
}
#bildheader {display: none;}
#bildheaderresp {display: block;}


.linie {
	width: 100%;
}
#ganzoben {display:none;}
#ganzoben_res {
	display: block;
	text-align: center;
	font:0.9em 'Exo 2',Lucida Sans Unicode,Lucida Grande,sans-serif;
	margin-top: 5px;
	margin-bottom: 5px;
}
#flex{
	display: block;
    width:94%;
    background: #fff;
    padding-left: 0px;
    border-left: 0px;
}

#metaseminar{
	display: block;
    width:94%;
    background: #fff;
    padding-left: 0px;
    border-left: 0px;
}

#flex100 {
	display: block;
	width: 100%;
}

#zwei01{
    width: 98%;
    padding: 0px;
    border: 0px;
    background: #fff;
    margin: 0px;
}
#zwei02{
    width: 98%;
    background: #fff;
    padding: 0px;
    border: 0px;
    margin-top: 30px;
}

#zwei05{
    width: 98%;
    padding: 0px;
    border: 0px;
    background: #fff;
    margin: 0px;
}
#zwei06{
    width: 98%;
    background: #fff;
    padding: 0px;
    border: 0px;
    margin-top: 30px;
}

#seminar01,#seminar02,#seminar03 {
    width: 98%;
    padding: 0 0 20px 0;
    border: 0px;
    border-bottom: 1px solid #ccc;
    background: #fff;
    margin-bottom: 20px;
    border-radius: 0px;
}

#vier01, #vier02, #vier03, #vier04 {
	width: 98%;
	border-top: 1px solid #fff;
}

#ueberschrift {
	font:1.2em "Titillium Web",Lucida Sans Unicode,Lucida Grande,sans-serif;
}
#hrkopf {
	display:block;
}
#bb {
	width: 50%;
}
#bb_coach {
	width: 50%;
}
#obenlinks,#obenrechts {
    width: 98%;
}

#obenlinks a, #obenrechts a {
	color: #0067b8;
	text-decoration: none;
}
/** 4 Spalten Startseite **/

#vier01, #vier02, #vier03, #vier04 {
    margin-right: 0px;
    width: 98%;
}
#vier_b_01, #vier_b_02, #vier_b_03, #vier_b_04 {
    display:none;
}
.hea {
    background:#fff;
    padding-bottom: 0px;
    border-bottom: 0px solid #ccc;
}
.ueber_blau {
	color: #2a495d;
	font-size: 1.3em;
	background-image: none;
	padding: 0px 0px 0px 0;
	border-bottom: 0px solid #ccc;
	border-top: 0px solid #ccc;
}
.umbruch,.umbruch2 {
	width: 100%;
}

.button_or{
	float:none;
	margin-right:auto;
    margin-left:auto;
}
.logoschrift {
	font:2.2em Arsenal,Lucida Sans Unicode,Lucida Grande,sans-serif;
	text-align: center;
}

.bil,.bil_paar,.bil_beratung,.bil_management,.bil_bildung,.bil_anmeldung,.bil_kontakt,.bil_coach,.bil_philosophie {
	min-height: 300px;
}
.bmt {
	width: 20%;
	padding: 0px;
	float: left;
	margin: 10px 20px 10px 0;
	background: #fff;
	color: #000;
}

bmt1 {
	width: 30%;
	padding: 0px;
	float: right;
	margin: 10px 0px 10px 0;
	background: #fff;
	color: #000;
}
.bmt_ue {
	color: #000;
}

.headtext_1 {
	font:4em Rajdhani,Arsenal,Lucida Sans Unicode,Lucida Grande,sans-serif;
}

.headtext_2 {
	font:1.5em Rajdhani,Arsenal,Lucida Sans Unicode,Lucida Grande,sans-serif;

}
#video_flex{
    display: block;
    width:94%;
    background: #fff;
    padding-left: 0px;
    border-left: 0px;
}
#video01,#video02 {
	width: 100%;
	margin:10px 0 0 0;
}
.bmt {
	width: 45%;
}
.neu {
	width: 350px;
	padding: 0 10px 0 10px;
	border-radius: 2px;
	font:0.8 em Lucida Sans Unicode,Lucida Grande,sans-serif;
}
}

.active {

	font-weight: normal;

}

.block,

.mod_navigation {

	overflow: hidden;

}



.mod_navigation ul {

	padding: 0;

	list-style: none;

}



.mod_navigation a {

	color: inherit;

}



.level_1 {

	display: flex;

	flex-wrap: wrap;

	color: #333;

	line-height: 24px;

	text-decoration: none;
	font:1em "Prompt",Calibri,Lucida Sans Unicode,Lucida Grande,sans-serif;

}



.level_1 > li {

	margin-right: 0px

	color:#fff;

	position: relative;

	border: 0px solid #fff;

	text-decoration: none;

	font-size: 1;

}



.level_1 > li:hover {

	color: #e3090a !important;
	border: 0px solid #fff;
	background: #fff !important;
	text-decoration:none !important;

}



.level_1 > li.active {

	color: #e3090a;

	border: 0px solid #fff;

}



.level_1 > li > strong,

.level_1 > li > a {

	display: block;

	padding-right: 20px;

	font-weight: normal;

}



.level_2 {

	display: none;

	min-width: 100%;

	position: absolute;

	top: 100%;

	left: 0;

	background: #fff;

	color: #000;

	white-space: nowrap;

}



.level_1 > li:hover .level_2 {

	display: block;

}



.level_2 > li {

	border-top: 2px solid white;

}



.level_2 > li.active {

	background: #7ba2cd;

}



.level_2 > li:hover {

	background: #f9b000;

	color: #fff;

}



.level_2 > li > strong,

.level_2 > li > a {

	display: block;

	padding: 10px 20px;

}



.level_3 {

	display: none;

	position: absolute;

	left: 100%;

	top: 0;

	background: #b2cdd6;

	color: #000;

	white-space: nowrap;

}



.level_2 > li:hover .level_3 {

	display: block;

}



.level_3 > li {

	border-left: 2px solid white;

	border-top: 2px solid white;

}



.level_3 > li > strong,

.level_3 > li > a {

	display: block;

	padding: 10px 20px;

}

	




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

.level_1 {
	display: flex;
	flex-wrap: wrap;
	color: #666;
	line-height: 24px;
}

.level_1 > li {
	border-top: 1px solid #fff;
	color: #fff;
	background: #333;
	position: relative;
	border-radius: 0px;
	width: 100%;
	font-size: 1.2em;
}

.level_1 > li:hover {
	background: #666;
	color: #fff !important;
	border-top: 1px solid #fff;
}

.level_1 > li.active {
	color: #fff;
	background: #e3090a;
	border-top: 1px solid #fff;
}

.level_1 > li > strong,
.level_1 > li > a {
	display: block;
	padding: 10px 20px;
	text-decoration: none;
	font-weight: normal;
}
}

.raster {
  display: grid;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  grid-template-columns: repeat(12, 1fr);
  grid-gap: 1px;
  background: #fff;
  border: 1px solid #fff;
}

/* ▼ Felder erste Zeile Anfang ▼ */
.grid_Z1_01 {
  margin: 0 20px 20px 0;
  background: #fff;
  padding: 15px 15px 15px 0;
  border-radius: 0px;
  grid-column: 1/5;
  grid-row: 2;
}
.grid_Z1_02 {
  margin: 0 20px 20px 0;
  background: #fff;
  padding: 15px;
  border-radius: 0px;
  grid-column: 5/9;
  grid-row: 2;
}

.grid_Z1_03 {
  background: #fff;
  padding: 15px;
  border-radius: 0px;
  grid-column: 9/13;
  grid-row: 2;
}
/* ▲ Felder erste Zeile Ende ▲ */

.grid_01 {
  margin: 0 20px 20px 0;
  background: #eee;
  padding: 15px;
  border-radius: 5px;
  grid-column: 1/5;
  grid-row: 2;
}
.grid_02 {
  margin: 0 20px 20px 0;
  background: #eee;
  padding: 15px;
  border-radius: 5px;
  grid-column: 5/9;
  grid-row: 2;
}

.grid_03 {
  background: #fff;
  padding: 0 15px 15px 15px;
  border-radius: 5px;
  grid-column: 9/13;
  grid-row: 2/10;
}

.grid_04 {
  margin: 0 20px 20px 0;
  background: #eee;
  padding: 15px;
  border-radius: 5px;
  grid-column: 1/5;
  grid-row: 3;
}
.grid_05 {
  margin: 0 20px 20px 0;
  background: #eee;
  padding: 15px;
  border-radius: 5px;
  grid-column: 5/9;
  grid-row: 3;
}

.grid_06 {
  margin: 0 20px 20px 0;
  background: #eee;
  padding: 15px;
  border-radius: 5px;
  grid-column: 1/5;
  grid-row: 4;
}
.grid_07 {
  margin: 0 20px 20px 0;
  background: #eee;
  padding: 15px;
  border-radius: 5px;
  grid-column: 5/9;
  grid-row: 4;
}
.grid_08 {
  margin: 0 20px 20px 0;
  background: #eee;
  padding: 15px;
  border-radius: 5px;
  grid-column: 1/5;
  grid-row: 5;
}
.grid_09 {
  margin: 0 20px 20px 0;
  background: #eee;
  padding: 15px;
  border-radius: 5px;
  grid-column: 5/9;
  grid-row: 5;
}

@media (max-width: 1200px) {
	
.raster {
  width: 92%;
}
}

@media (max-width: 1000px) {
  
.raster {
  display: block;
  width: 95%;
}

.grid_Z1_01,.grid_Z1_02,.grid_Z1_03,.grid_01,.grid_02,.grid_03,.grid_04,.grid_05,.grid_06,.grid_07,.grid_08,.grid_09 {
	width: 100%;
	background: #fff;
}
}

@media screen and (max-width: 800px){
	
.raster {
  display: block;
  width: 98%;
}
}