/**
 * home-custom.css fuer Verein Vielfalt
 */

/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local(''),
       url('../fonts/open-sans-v27-latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/open-sans-v27-latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('../fonts/open-sans-v27-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/open-sans-v27-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* open-sans-600 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local(''),
       url('../fonts/open-sans-v27-latin-600.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/open-sans-v27-latin-600.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local(''),
       url('../fonts/open-sans-v27-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/open-sans-v27-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* open-sans-800 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: local(''),
       url('../fonts/open-sans-v27-latin-800.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/open-sans-v27-latin-800.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* open-sans-300italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  src: local(''),
       url('../fonts/open-sans-v27-latin-300italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/open-sans-v27-latin-300italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* open-sans-italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: local(''),
       url('../fonts/open-sans-v27-latin-italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/open-sans-v27-latin-italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* open-sans-600italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  src: local(''),
       url('../fonts/open-sans-v27-latin-600italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/open-sans-v27-latin-600italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* open-sans-700italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: local(''),
       url('../fonts/open-sans-v27-latin-700italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/open-sans-v27-latin-700italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* open-sans-800italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 800;
  src: local(''),
       url('../fonts/open-sans-v27-latin-800italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/open-sans-v27-latin-800italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}


* { margin: 0px; padding: 0px; }
html * { margin: 0px; padding: 0px; }

body {font-family: 'Open Sans', sans-serif; background-color: #ffffff; color: #444;  font-size: 87.50%;} 

#page-wrapper {
    overflow: hidden;
    max-width: 100%;
    width: 100%;
    margin: 0px auto !important;
    background: #ffffff url(http://www.vielfalt-kreis-tuebingen.de/site/LRA-Tuebingen-Vielfalt/resourceCached/8.1/img/background.png) repeat-x;
}

#page-wrapper footer .bottom-content { max-width: 960px; margin: 0px auto; padding-top: 10px; }



/* -------------- Responsive Menu ----------------------- */


@media screen and ( min-width : 750px)   {

#mm-my-menu { display: none !important; }
#hamburger  { display: none !important; }
}

@media screen and (max-width : 749px)   {
#my-menu  ul.ebene1 li { display: none; }
#my-menu  ul.ebene1 li.quicksearch { display:block; padding: 0px !important; float: right; margin-right: 20px; flex-basis: 100% !important; text-align: right !important;}	
}

#quickLink1 { z-index: 9997;}

#quickLink1 .tb-menu ul { z-index: 9999;}

/* Hamburger */
#hamburger
{
	box-sizing: border-box;
	display: block;
	height: 43px !important;
	position: fixed;
	top: 15px !important;
	right: 20px !important;
	left: auto;
  width: 50px !important;
	z-index: 40 !important; background: #ffffff !important; 
}

#hamburger:before,
#hamburger:after,
#hamburger span
{
	background: #006174 !important;
	content: '';
	display: block;
	width: 40px !important;
	height: 3px;
	position: absolute;
	left: 8px !important; border: 0px !important;
}

#hamburger:before { top: 10px; }
#hamburger span { top: 20px; }
#hamburger:after { top: 30px; }


/* Hamburger animation */
#hamburger:before,
#hamburger:after,
#hamburger span
{
	-webkit-transition: none 0.5s ease 0.5s;
	transition: none 0.5s ease 0.5s;

	-webkit-transition-property: transform, top, bottom, left, opacity;
	transition-property: transform, top, bottom, left, opacity;
}
html.mm-opening #hamburger:before,
html.mm-opening #hamburger:after
{
	top: 20px;	
}
html.mm-opening #hamburger span
{
	left: -50px;
	opacity: 0;
}
html.mm-opening #hamburger:before { transform: rotate( 45deg ); }
html.mm-opening #hamburger:after { transform: rotate( -45deg ); }



/*** Header ***/

header {  width: 930px !important;  margin: 0px auto !important; max-width: 1110px;  background-color: #ffffff; height: 160px;}

header .ym-grid {  width: 100% !important;  overflow: hidden; }
header .ym-gl { float: left !important; margin-right: 30px;  width: 160px !important; max-width: 160px !important; padding-top: 22px;}
header .ym-gr { width: calc(928px - 190px); float: left !important; font-size: 21px; font-style: italic;  /*! padding-top: 2.7em; */ margin: 0px !important; }

header .ym-gr .toplinks { position: relative; right: 0px;   text-align: right;}
header .ym-gr .toplinks div { display: inline-block; font-style: normal; color: #3e3e40; text-transform: uppercase; font-weight: 600; }
header .ym-gr .toplinks div a {  color: #3e3e40; font-size: 14px;}

header .ym-gr .schriftgrad { padding: 0px 10px;}
header .ym-gr .schriftgrad .big { font-size: 1.1rem;}
header .ym-gr .schriftgrad .bigger { font-size: 1.25rem;}

header .ym-gr sup { display: none;}

header .ym-gr .leichtesprache { background: #e8e8ef; }
header .ym-gr .homelink { background: #d5e5e7; padding: 6px 0px 5px 0px; }
header .ym-gr .marktplatz { background: #fff0b2; }
header .ym-gr .marktplatz  img { background: #f19739; }

header .ym-gr .toplinks div img { display: inline-block !important; vertical-align: -12px;}
header .ym-gr .toplinks div .linktext { display: inline-block; padding: 10px 10px 0px 10px !important;}

header .ym-gr .slogan { margin-top: 35px;}
header .ym-gr .highlight { background: none; color: #336173; }


.white { margin: 0px !important; width: 100%; color: #ffffff; /*! padding-top: 12px !important; */ font-size: 17px; text-transform: uppercase;  }



/*** Main, umschliesst Navi und Content ***/

#main { clear: both; max-width: 930px; margin: 0px auto !important;  margin-top: 10px !important; background-color: #ffffff;}
div.wayhome { margin-bottom: 20px; }
div.wayhome a { color: #404042; }
div.wayhome a.active { color: #404042; font-weight: 600;}
.home div.wayhome { display: none; }

#main .ym-column { display: flex; justify-content: space-between; }

#main .ym-column >  div { float: none; flex-basis: 25%;}
#main .ym-column >  div + div { flex-basis: 72%;}


.ym-cbox { padding-left: 0px;}


.home div.ym-col1  { display: none; }

#content { padding: 0px !important;}

#content a.goPageTop { display: none; }

.ym-cbox #contentFooter {display: none;}
#contentFooter { clear: both; border-top: 1px solid #99b0b9; padding-top: 10px; }
#contentFooter span { font-size: 12px; margin-bottom: 20px;}
#contentFooter span a { color: #404042; }
#contentFooter span.pageTop { float: right;}

.ym-col2 footer {  display: none; }

footer#footer { background: #EAEFF1; }

footer#footer .kontakt { margin: 0px auto !important; max-width: 928px;   font-size: 13px; line-height: 1.5em;}
footer#footer h3 { color: #336173; font-weight: 600; font-size: 18px; margin-bottom: 10px !important; }
footer#footer .kontakt span { margin-right: 10px; }
footer#footer .footer-copyright { margin: 0px auto !important;  height: 23px; background: #A2BD30; color: #ffffff; }
footer#footer .footer_wrapper { max-width: 928px; margin: 0px auto;}
footer#footer .kiru_link { text-align: right; }
footer#footer .kiru_link a { color: #ffffff !important; }
footer#footer .footer-copyright a { color: #ffffff;}
footer#footer .footer-copyright a:hover { color: #336173;}
footer#footer .poweredby-name:hover, footer#footer .poweredby-name:focus{text-decoration: underline;color: #336173;}


span.telefon { padding-left: 17px; background:url(http://www.vielfalt-kreis-tuebingen.de/site/LRA-Tuebingen-Vielfalt/resourceCached/8.1/img/tel.png) left no-repeat; font-weight: 600; }
span.fax { padding-left: 15px; background:url(http://www.vielfalt-kreis-tuebingen.de/site/LRA-Tuebingen-Vielfalt/resourceCached/8.1/img/fax.png) left no-repeat; font-weight: 600;}
span.mail { padding-left: 20px; background:url(http://www.vielfalt-kreis-tuebingen.de/site/LRA-Tuebingen-Vielfalt/resourceCached/8.1/img/mail.png) left no-repeat;  font-weight: 600; }
span.mail a { color: #000000; }


/*** Footer mit Logos ***/
.bottom-content { display: flex;  padding: 0px 90px 10px 90px; }
.bottom-content .kontakt { flex: 50%; font-size: 11px !important; }
.bottom-content .banner1  { flex: 25%; }
footer#footer .bottom-content .banner1  h3 {  text-align: center; margin-bottom: 20px !important;} 
.bottom-content .banner2  { flex: 25%; font-size: 9px; text-align: center; }
.bottom-content .banner2 figure { margin: 0px auto; margin-top: 53px; width: 90%;}





/*** Container Startseite ***/


br.clearDvv { display: none;}

.wayhome  { display: none; }

.ym-cbox {padding: 0 0px;}

.ym-gr {
    float: right;
    margin: 0 0 0 0;
}


.ym-col1 { display: none;}

.ym-col2 {
    float: left;
    width: 100% !important;
    margin: 0px !important;
	border-top: 0px;
    max-width: 100% !important;
}



#main .ym-column > div + div {
    flex-basis: 100%;
}


.header_bild { width: 100%;}

.header_bild .ym-g100 { background: none !important;}

.header_boxen { position: absolute; top: 0px; right: 0px;background: rgba(255,255,255,0.5); height: 251px; text-align: center;width: 277px;padding-top: 3px;z-index: 100;} 

.header_boxen .boxborder { background: #fff; width: 88%; margin: 0px auto;}

.header_boxen .boxborder p { font-size: 1em; line-height: 1.5em;  margin: 10px 0 10px 0; padding: 12px 17px; text-align: left;} 

.header_boxen .boxborder p .primary1 { color: #006174; font-size: 14px !important; text-transform: uppercase; font-weight: bold;}


.Zeile1 { position: relative;}

.Zeile2 { display: flex; justify-content: space-between; margin-top: 20px;}

.Zeile2 .ym-g50 { flex-basis: 48%; border: 1px solid #eaf2f3; background: #f3f7f8; padding-bottom: 10px;}
.Zeile2 .ym-g33 {  flex-basis: 31%; border: 1px solid #eaf2f3; background: #f3f7f8; padding-bottom: 10px;}
.Zeile2 .ym-g25 { flex-basis: 22.5%; border: 1px solid #eaf2f3; background: #f3f7f8; padding-bottom: 10px;}
.Zeile2 a { font-weight: 600;}

.Zeile2 figure { height: 121px; text-align: center; vertical-align: middle; display: table;  width: 100%; background: #fff;}
.Zeile2 figure .image-inner { display: table-cell; vertical-align: middle; text-align: center; width: 100%;}
.Zeile2 figure .image-inner img { margin: 0px auto;display: block;max-width: 90%;}

.Zeile2 h2 { font-size: 16px !important; text-transform: uppercase; font-weight: 600;margin-bottom: 5px;margin-top: 15px;}
.Zeile2 .boxborder > div:nth-child(2) { padding: 0px 0px 0px 20px; }
.Zeile2 .boxborder div:nth-child(3) { padding: 0px 0px 0px 20px; }

.Zeile2  p {     margin: 0em 0 0 0; }

.Zeile2 ul { margin-top: 0px; margin-left: 0px; list-style-type: none; padding-left: 0px;}
.Zeile2 ul li { margin-top: 0px; margin-left: 0px; padding-left: 0px;}

.Zeile3 { margin-top: 40px; display: flex;}

.Zeile3 .ym-g50 { flex-basis:84%;}
.Zeile3 .ym-g50 + .ym-g50 { flex-basis:25%;}

#content .Zeile3 h2 { color: #9ebb31 !important;  text-transform: uppercase;  }




/* content */

#content .composedcontent-lra-tuebingen---spalte h2 { color: #336173; font-size: 23px;}
#content .composedcontent-lra-tuebingen---spalte h3 { margin-top: 20px; margin-bottom: 0px; color: #336173 !important; font-weight: 600 !important;  font-size: 14px;   }


.ym-col2 h3.toggle_title {  cursor: pointer; font-family: 'Open sans', sans-serif; color: #336173 !important; font-weight: 600 !important; font-size: 14px;  line-height: 21px; background: none; border: 0px;  border-top: 1px solid #99b0b9; border-bottom: 0px solid #99b0b9; padding: 6px 0px 0px 0px;  border-radius: 0px;  }
.ym-col2 h3.toggle_title:hover {  color: #9ebb31 !important;  }
.ym-col2 h3.toggle_title:active {  color: #9ebb31 !important;  }
.ym-col2 h3.toggle_title:active .ui-icon-plus { background-image: url(http://vielfalt-kreis-tuebingen.de/site/LRA-Tuebingen-Vielfalt/resourceCached/8.1/img/jalousie_minus.png); background-position: 0 0px !important; }
.ym-col2 h3.toggle_title:active .ui-icon-minus{ background-image: url(http://vielfalt-kreis-tuebingen.de/site/LRA-Tuebingen-Vielfalt/resourceCached/8.1/img/jalousie_minus.png); background-position: 0 0px !important; }

.ym-col2 span.toggle-icon {  display: inline-block; height: 21px; width: 21px; margin-right: 8px; position: relative; top: 5px;}

.ym-col2 .toggle_container ul { margin-top: 20px; margin-left: 0px;}

.ym-col2 .ui-state-default .ui-icon-plus { background-image: url(http://www.vielfalt-kreis-tuebingen.de/site/LRA-Tuebingen-Vielfalt/resourceCached/8.1/img/jalousie_plus.png); background-position: 0 0px !important; }
.ym-col2 .ui-state-default .ui-icon-minus { background-image: url(http://www.vielfalt-kreis-tuebingen.de/site/LRA-Tuebingen-Vielfalt/resourceCached/8.1/img/jalousie_minus.png); background-position: 0 0px !important; }

.ym-col2 #row_10973924  .composedcontent-lra-tuebingen---spalte:last-child { border-bottom: 1px solid  #99b0b9 !important; padding-bottom: 10px;}

/* Info-Slot */

#service { width: 268px; }

#service .composedcontent-lra-tuebingen---container { margin-bottom: 20px;}

#service  .composedcontent-lra-tuebingen---spalte { width: 100%; }
#service  .composedcontent-lra-tuebingen---box { width: 100%; }
#service .gruen { background-color: #c7d374; }
#service .gruen div { padding: 10px;  }
#service .gruen h2 { color: #ffffff; margin-bottom: 0px !important; margin-top: 0px !important; }

#service .gruen div p { margin: 0px !important; font-family: arial; }
#service .gruen div p b { font-weight: 600; }
#service .gruen  br.clearDvv { display: none; }

#service .blau { background-color: #e0e7ea; margin-top: 20px; padding: 10px !important;}
#service .blau br.clearDvv { display: none; }

#service .blau div { margin: 0px; padding: 0px !important; }

#service .blau  .composedcontent-lra-tuebingen---zeile.border { border-bottom: 2px solid #f5f7f8; padding-bottom: 0px !important; margin-bottom: 15px !important;  }

#service .blau .composedcontent-lra-tuebingen---box {  margin: 0px !important; }
#service .blau h2 { color: #336173 !important; font-size: 23px; padding: 0px !important; margin: 0px; margin-bottom: 20px; margin-left: 5px;}
#service .blau h2.jalousie-titel { color: #404042 !important; font-size: 13px; font-weight: 600; padding: 0px !important; margin: 0px !important;  margin-left: 5px !important;}

#service .blau  h3.toggle_title { margin: 0px; margin-left: 0px; cursor: pointer; font-family: 'Open sans', sans-serif; color: #336173 !important; font-weight: 600 !important; padding-bottom: 15px !important; padding-top: 5px !important; margin-left: 5px !important; font-size: 14px;  background: none; border: 0px;   padding: 0px;  border-radius: 0px; height: auto !important; line-height: auto !important; }

#service .blau  h3.toggle_title:hover { color: #9ebb31 !important; }
#service .blau  h3.toggle_title:active { color: #9ebb31 !important; }
#service .blau  h3.toggle_title:hover .ui-icon-plus {  background-image: url(http://www.vielfalt-kreis-tuebingen.de/site/LRA-Tuebingen-Vielfalt/resourceCached/8.1/img/jalousie_pfeil_rechts_hover.png); background-position: 0 5px !important; }
#service .blau  h3.toggle_title:active .ui-icon-plus {  background-image: url(http://www.vielfalt-kreis-tuebingen.de/site/LRA-Tuebingen-Vielfalt/resourceCached/8.1/img/jalousie_pfeil_unten_active.png); background-position: 0 5px !important; }

#service .blau  span.toggle-icon {  display: inline-block; margin-right: 0px;  margin-top: 0px !important; width: 15px; height: 14px; }

#service .blau  .ui-state-default .ui-icon-plus {  background-image: url(http://www.vielfalt-kreis-tuebingen.de/site/LRA-Tuebingen-Vielfalt/resourceCached/8.1/img/jalousie_pfeil_rechts.png); background-position: 0 5px !important; }
#service .blau  .ui-state-default .ui-icon-minus { background-image: url(http://www.vielfalt-kreis-tuebingen.de/site/LRA-Tuebingen-Vielfalt/resourceCached/8.1/img/jalousie_pfeil_unten_active.png); background-position: 0 6px !important; }

#service .blau  .toggle_container .composedcontent-lra-tuebingen---box { width: 90%; margin-left: 14px !important; padding-top: 0px !important; }
#service .blau  .toggle_container .composedcontent-lra-tuebingen---box div p {  margin: 0px !important; margin-top: 5px !important; padding: 0px !important;}

#service .blau  h3.toggle_title.active { color: #9ebb31 !important;   margin: 0px !important; margin-bottom: 15px !important; padding-left: 5px !important; padding-top: 5px !important; padding-bottom: 0px !important;}
#service .blau .toggle_container  { background-color: #f5f7f8; margin: 0px !important; border: 1px solid #f5f7f8;}

#service .blau .toggle_container .composedcontent-lra-tuebingen---box  p.telefon { margin-left: 5px !important; padding-left: 22px !important;  background:url(http://www.vielfalt-kreis-tuebingen.de/site/LRA-Tuebingen-Vielfalt/resourceCached/8.1/img/telefon_ansprechpartner.png) left no-repeat; font-weight: 600; }
#service .blau .toggle_container .composedcontent-lra-tuebingen---box p.mail { margin-left: 5px !important; padding-left: 22px !important; background:url(http://www.vielfalt-kreis-tuebingen.de/site/LRA-Tuebingen-Vielfalt/resourceCached/8.1/img/mail.png) 0px 6px  no-repeat;  font-weight: 600; }
#service .blau .toggle_container .composedcontent-lra-tuebingen---box p.text { margin-left: 5px !important; padding-left: 22px !important; font-weight: 600; }

#service .blau  .toggle_container .composedcontent-lra-tuebingen---box div p a { color: #404042; font-weight: 600; }

#service .blau  .toggle_container .composedcontent-lra-tuebingen---box figure { margin-left: 27px;}

#service .grau .caption { display: none; }

#service .grau { background-color: #e7e4e6; overflow: hidden; padding: 10px;  }
#service .grau h2 { color: #58595b !important; font-size: 23px; padding: 0px !important; margin: 0px; margin-bottom: 15px; }


#service .grau .float-left { margin: 0px; }
#service .grau .float-right { margin: 0px; }

#service .grau .bild1 { margin-right: 5px !important; width: 167px; }
#service .grau .bild1 img   { width: 165px; }


#service .grau .bild3 {  width: 162px; height: 125px;}
#service .grau .bild3 img   { width: 162px; height: 120px; }

#service .grau .bild5 { margin-top:1px;}
#service .grau .bild6 {  width: 120px; margin-right: 7px; }

/*** normaler Content ***/



/*--- Headings | Überschriften ------------------------------------------------------------------------*/

	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
		font-family: "Open Sans", Arial, Helvetica, sans-serif;
		font-weight: 400;
		color:#161e21;
		margin:0;
	}

	h1 {
		line-height: 0.8571em;
		margin: 0.4286em 0 0;
	}

h1 { font-size: 23px; color: #336173; }

	h2 {
		font-size:175%;
		line-height: 1.2em;
		margin: 0.6em 0 0 0;
	}

	h3 {
		font-size:150%;
		line-height: 0.8571em;
		margin:0.8571em 0 0 0;
	}

	h4 {
		font-size:133.33%;
		line-height: 1.125em;
		margin:1.125em 0 0 0;
	}

	h5 {
    font-weight: bold;
		font-size:116.67%;
		line-height: 1.2857em;
		margin: 1.2857em 0 0 0;
	}

	h6 {
		font-weight: bold;
		font-size:100%;
		line-height: 1.5em;
		margin: 1.5em 0 0 0;
	}

	/* --- Lists | Listen  -------------------------------------------------------------------------------- */

	ul,
	ol,
	dl {
		font-size:1em;
		line-height:1.5em;
		margin: 1.5em 0 0 1em;
	}

	ul {
		list-style-type:disc;
	}

	ol {
		list-style-type:decimal;
	}

	ul ul {
		list-style-type:circle;
		margin-top:0;
	}

	ol ol {
		list-style-type:lower-latin;
		margin-top:0;
	}

	ol ul {
		list-style-type:circle;
		margin-top:0;
	}

	li {
		font-size:1em;
		line-height:1.5em;
		margin-left:0.8em;
	}

	dt { font-weight:bold; }

	dd { margin:0 0 1.5em 0.8em; }

	/* --- general text formatting | Allgemeine Textauszeichnung ------------------------------------------ */

	p {
		font-size:1em;
		line-height:1.5em;
		margin: 1.5em 0 0 0;
	}

	blockquote, cite, q {
		font-family: Georgia, "Times New Roman", Times, serif;
		font-style:italic;
	}

	blockquote {
		margin:1.5em 0 0 1.5em;
		color:#666;
	}

	strong, b { font-weight:bold; }

	em, i { font-style:italic; }

	big {
		font-size:116.667%;
	}

	small {
		font-size:85.71%;
	}

	pre,
	code,
	kbd,
	tt,
	samp,
	var {
		font-size:100%;
	}

	pre {
		line-height:1.5em;
		margin: 1.5em 0 0 0;
		white-space: pre;
		white-space: pre-wrap;
		word-wrap: break-word;
	}
	pre, code { color:#800; }

	kbd, samp, var, tt {
		color:#666;
		font-weight:bold;
	}

	var, dfn { font-style:italic; }

	acronym, abbr {
		border-bottom:1px #aaa dotted;
		font-variant:small-caps;
		letter-spacing:.07em;
		cursor:help;
	}

	sub,
	sup {
		font-size: 75%;
		line-height: 0;
		position: relative;
		vertical-align: baseline;
	}

	sup { top: -0.5em; }
	sub { bottom: -0.25em; }

	mark {
		background: #ff0;
		color: #000;
	}

	hr {
		color:#fff;
		background:transparent;
		margin:0 0 0.75em 0;
		padding:0 0 0.75em 0;
		border:0;
		border-bottom:1px #eee solid;
	}

	/*--- Links ----------------------------------------------------------------------------------------- */

	a {
		color:#336173;
		background:transparent;
		text-decoration:none;
	}

	a:active { outline: none; }

	/* (en) maximum constrast for tab focus - change with great care */
	/* (en) Maximaler Kontrast für Tab Focus - Ändern Sie diese Regel mit Bedacht */
	a:hover,
	a:focus {
/* dvv removed lines */
		text-decoration:none;
	}




/*** Login Maske ***/

form#loginForm { position: relative; top: 30px;}
form#loginForm fieldset { border: 0px !important; }
form#loginForm .ym-fbox-button { padding-top: 20px; }


/*** keine Navi auf Impressumsseite ***/


#node11020242  .ym-col1 { display: none; }




/*** VK auf Startseite ***/

.basecontent-dvv-zm-vk ul { list-style-type: none; margin-left: 0px;}
.basecontent-dvv-zm-vk ul li { list-style-type: none; margin-left: 0px; color: #92bc12 !important; font-weight: bold;margin-bottom: 20px !important;} 

.basecontent-dvv-zm-vk ul li a { color: #444444 !important; font-weight: 500;}  


.basecontent-dvv-zm-vk ul li .datum { color: #006174;}









/*** Responsive Formate ***/



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

header {
    width: 100% !important; height: 160px;
    margin: 0px auto !important;
    max-width: 1110px;
    background-color: #ffffff; padding: 0px 20px;
    box-sizing: border-box;
}
	
header .ym-grid {
    width: 100% !important;
    overflow: hidden;
}		
	header .ym-gr {
    width: calc(100% - 190px);
    float: left !important;
    font-size: 21px;
    font-style: italic;
    margin: 0px !important;
}

	header .slogan { font-size: 0.95rem;}	
	
	ul.nav_14343678 {  display: block; width: 100%;}

.header_bild { width: 100% !important; max-width: 100%  !important;overflow: hidden;}
.header_bild .ym-g100 { width: 100%  !important; max-width: 100%  !important;}
.header_bild .composedcontent-lra-tuebingen---spalte { width: 100%  !important; max-width: 100%  !important;}
	.header_bild img { }

	
	
article { display: flex; /*! justify-content: space-between; */}	
	
article .Zeile2 { flex-basis: 65%;	margin-right: 5%;}	
	
article .Zeile3 { flex-basis: 30%;	}	

.Zeile2 { display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 20px;}

.Zeile3 { display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 20px;}
	
.Zeile2 .ym-g25 {
    flex-basis: 46%;
    border: 1px solid #eaf2f3;
    background: #f3f7f8;
    padding-bottom: 10px; margin-bottom: 20px;
    hyphens: auto;
}
	
footer#footer .bottom-content {
    width: 100%;
    margin: 0px auto;
	padding: 0px 20px;
	box-sizing: border-box;
}

footer#footer .footer-copyright .footer_wrapper {
    color: #ffffff;
    width: 100%;
    margin: 0px auto;
}	
}

@media screen and (max-width : 770px)   {
	
header .toplinks div { margin-bottom: 10px; }
	
header .ym-gr .slogan {
    margin-top: 5px;
}
	
}






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

#quickLink1 { display: none; }
#mm-my-menu {  background-color: #006174; color: #fff;}
#mm-my-menu a { color: #fff}
#mm-my-menu .mm-navbar-top	{ }
#mm-my-menu .mobile-toplinks { display: none;}
#mm-my-menu 	.mm-navbar-bottom { display: none;}
#mm-my-menu .boxborder 	 { display: none;}
	
.mm-menu > .mm-panel {
    background: inherit;
    -webkit-overflow-scrolling: touch;
    overflow: scroll;
    overflow-x: hidden;
    overflow-y: auto;
    box-sizing: border-box;
    padding: 0 0px 0px 0px;
}
	
.mm-menu > .mm-panel > .mm-listview {
    margin-left: 0px;
    margin-right: 0px;
}	
	
html.mm-opening #hamburger { display: none; }

li.ebene1 > a { text-transform: uppercase;}
	
li.ebene1.mm-opened > a { background: #B2CBD0; color: #000000 !important; }
	
.mm-vertical .mm-listview .mm-panel, .mm-listview .mm-vertical .mm-panel {
    display: none;
    padding: 0px 0 0px 0px;
}	

li.ebene1 .mm-panel a { display: block; padding-left: 30px !important; color: #000000 !important;}
li.ebene1 ul.ebene2 li	{ background: #D7E5E6; }
	
li.ebene1 ul.ebene2 li {margin-right: 50px !important; }
	
li.ebene1 ul.ebene2 li .mm-next::after {
    border-color: rgba(0, 0, 0, 0.4) !important;
}	
	
	
	
.mm-navbar {
    height: 50px;
}
	
.mm-hasnavbar-top-1 .mm-panel {
    top: 50px;
}
	.mm-close { font-size: 2.5rem;}	
	
ul.nav_14343678 {  display: block; width: 100%;}

.white { height: 20px;  top: 20px !important; background-color: #196179;}
	
header {
    width: 100% !important; height: 160px;
    margin: 0px auto !important;
    max-width: 1110px;
    background-color: #ffffff; padding: 0px 20px;
    box-sizing: border-box;
}
	
header .ym-grid {
    width: 100% !important;
    overflow: hidden;
}	
	
header .ym-gr { display: none;}

#main { padding: 0px 20px; margin-top: 20px !important; box-sizing: border-box; width: 100%;}
	
#main .ym-col1 { display: none;}
	

	
	
	
footer#footer .bottom-content {
    width: 100%;
    margin: 0px auto;
	padding: 10px 20px;
	box-sizing: border-box;
	display: block;
}
	



footer#footer .footer-copyright .footer_wrapper {
    color: #ffffff;
    width: 100%;
    margin: 0px auto;
}

.bottom-content .banner1 { text-align: left; 	}
	
	.bottom-content .banner1 figure { text-align: center;}
	
	.bottom-content .banner2 { text-align: center;}
	
.bottom-content .banner2 figure {
    margin-top: 20px;
}
	
	.bottom-content .banner2 figcaption { width: 210px; margin: 0px auto;}
	
	
}


@media screen and (max-width : 600px)   {
	
	article {
    display: flex;
    justify-content: flex-start;
    /*! flex-direction: column; */
    flex-wrap: wrap;
}
	
	.Zeile2 .ym-g25 {    flex-basis: 100%; }
	
	
article .Zeile2 {
    flex-basis: 100%;
    margin-right: 5%;
}

	.Zeile2 .ym-g50 {
    flex-basis: 100%; margin-bottom: 20px;
}
	
	.Zeile2 .ym-g33 {
    flex-basis: 100%; margin-bottom: 20px;
}
	
	article .Zeile3 {
    flex-basis: 100%;
}
	
.Zeile3 {
    display: block;
    flex-wrap: nowrap;
    justify-content: flex-start;
    margin-top: 20px;
	   flex-direction: column;
}
			
.Zeile3 .ym-g50 { flex-basis: 100%; width: 100%;}	
	
.Zeile3 .ym-g50 + .ym-g50 {
    flex-basis: 100%;
}	
	
}



@media screen and (max-width : 500px)   {
	
figure.float-right { float: none; margin-left: 0px; width: 100% !important; margin-bottom: 20px;display: block;max-width: 100%;}
figure.float-right img	{width: 100%;}
	
}




@media screen and (max-width : 450px)   {
	
	article {
    display: block;
    justify-content: flex-start;
    /*! flex-direction: column; */
    flex-wrap: wrap;
}
	
}