#page-title {
	display: none;
}

#visitenkarte_container {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;

}
#visitenkarte {
	display: grid;
	grid-template-columns: 20% 1fr; 
	grid-template-rows: auto 1fr;
}
#visitenkarte.bild_					{ grid-template-columns: 20% 1fr; }
#visitenkarte.bild_kein 			{ grid-template-columns: 0 1fr; }
#visitenkarte.bild_hochkant_klein	{ grid-template-columns: 20% 1fr; }
#visitenkarte.bild_hochkant_gross	{ grid-template-columns: 25% 1fr; }
#visitenkarte.bild_quer_klein		{ grid-template-columns: 30% 1fr; }
#visitenkarte.bild_quer_gross		{ grid-template-columns: 35% 1fr; }

#visitenkarte_foto {
	line-height: 0;
	grid-row: 1 / 3;
	margin: 0 0.8rem 0 0;
}
#visitenkarte_foto img {
	width: 100%; 
	height: auto;
}

#visitenkarte_titel,
#visitenkarte_details {
	grid-row: auto;
	grid-column: auto;
}
#visitenkarte_funktion {
	margin: 0 0 0.15rem 0; 
}
#visitenkarte_titel_name {
	margin: 0 0 0.75rem 0;
	background: none;
}
#visitenkarte_struktur,
#visitenkarte_adresse {
	margin: 0 0 0.5rem 0;
}

#visitenkarte_kontakt {
	display: flex;
	flex-wrap: wrap;
}
#visitenkarte_tel_fax {
	display: flex;
	flex-wrap: wrap;
	align-content: flex-start;
	flex: 0 1 40%;
}
#visitenkarte_tel_fax span:nth-of-type(odd) {
	flex: 1 1 20%;
}
#visitenkarte_tel_fax span:nth-of-type(even) {
	flex: 1 1 80%;
}

#visitenkarte_tel_fax a,
#visitenkarte_tel_fax2 a {
	padding: 1px 2px 0px 1px;
	border-bottom: 1px dotted #7A003F;
}
#visitenkarte_tel_fax a:focus,
#visitenkarte_tel_fax a:hover,
#visitenkarte_tel_fax a:active,
#visitenkarte_tel_fax2 a:focus,
#visitenkarte_tel_fax2 a:hover,
#visitenkarte_tel_fax2 a:active {
	background-color: #7A003F;
	color: white;
}
#visitenkarte_email_www {
	flex: 1 1 50%;
}

.url_website,
.url_vcard {
	border-bottom: dotted 1px #7A003F;
}
.url_website:hover,
.url_vcard:hover {
	background-color: #7A003F;
	color: white;
}
.url_website:before {
	content: '\f409';
}
.url_vcard:before {
	content: '\f307';
}
.url_website:before,
.url_vcard:before {
	display: inline-block;
	font-family: 'Genericons';
	font-size: 1rem;
	line-height: 1rem;
	vertical-align: bottom;
	color: #7A003F;
}
.url_website:hover:before,
.url_vcard:hover:before {
	color: white;
}

#visitenkarte_sprechzeiten {
	flex: 1 0 100%;
	margin: 0.5rem 0 0 0;
}

#visitenkarte_social {
	flex: 1 0 100%;
	margin: 0.5rem 0 0 0;
}
#visitenkarte_social a { 
	display: inline-block;
	position: relative;
	width: 1.5rem;
	padding-bottom: 1.5rem; 
	vertical-align: middle; 
	overflow: hidden; 
	margin-right: 0.1rem;
	border-radius: 3px;
	border: medium none; 
}
#visitenkarte_social svg {
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	background: #ccc none repeat scroll 0 0;
	fill: #ffffff;
}
#visitenkarte_social svg:hover {
	background: #7A003F none repeat scroll 0 0;
	fill: #ffffff;
}


  .jquery_tabs {
    margin: 0;
  }
  .jquery_tabs ul.tabs-list {
    font-size: 1em;
    display: table;
    table-layout: fixed;
    list-style-type: none;
    margin: 1em 0 0 0;
    position: relative;
    z-index: 1;
    padding: 0;
  }
  .jquery_tabs ul.tabs-list li {
    margin: 0 0.3em 0 0;
    border: 0 none;
    display: inline;
    float: left;
    padding: 0;
  }
  
  .jquery_tabs ul.tabs-list li:before {
    content: "";
  }
  
  .jquery_tabs ul.tabs-list li a {
    font-size: 1em;
    line-height: 1.2;
    padding: 0.5em;
    background: #eee;
    display: block;
    float: left;
    font-weight: normal;
    margin: 0;
    border: 1px #ccc solid;
    border-radius: 0.2em 0.2em 0 0;
  }
  .jquery_tabs ul.tabs-list li a:focus, .jquery_tabs ul.tabs-list li a:hover, .jquery_tabs ul.tabs-list li a:active {
    background: #ddd;
    border-radius: 0.2em 0.2em 0 0;
    color: #000;
    font-weight: normal;
    outline: 0 none;
    text-decoration: none;
  }
  .jquery_tabs ul.tabs-list li.current a,
  .jquery_tabs ul.tabs-list li.current a:focus,
  .jquery_tabs ul.tabs-list li.current a:hover,
  .jquery_tabs ul.tabs-list li.current a:active {
    background: #ccc;
    border: 1px #ccc solid;
    color: #000;
    /*border-bottom: 0 none;*/
    font-weight: bold;
    text-decoration: none;
  }
  .jquery_tabs .content {
    border-top: 1px #ccc solid;
    clear: both;
    padding: 1em 0 0 0;
    position: relative;
    top: -1px;
    margin-bottom: -1px;
  }

  /* hiding texts visually */
  .jquery_tabs .tabhead {
    position: absolute;
    left: -32768px;
  }

  .jquery_tabs .current-info,
  .jquery_tabs .accessibletabsanchor {
    left: -999em;
    position: absolute;
  }

   /** Avoid margin collapsing to enable correct sync of all tabs
    *
    * @workaround
    * @affected all browsers
    * @css-for all browsers
    * @valid yes
	*/
  .jquery_tabs .tab-content {
    border-bottom: 1px transparent solid;
    border-top: 1px transparent solid;
    padding-top: 1.5em;
    *overflow: hidden;
  }

  /** Containing floats adjustment and stability fixes for Internet Explorer
   *
   * @workaround
   * @affected IE 5.x/Win, IE6, IE7
   * @css-for IE 5.x/Win, IE6, IE7
   * @valid no
   */
  * html .jquery_tabs {
    zoom: 1;
    width: auto;
    position: relative;
  }
  * html .jquery_tabs .tab-content {
    border-bottom: 1px #fff solid;
    border-top: 1px #fff solid;
  }
  * html .jquery_tabs .content {
    z-index: -1;
  }

  * + html .jquery_tabs {
    zoom: 1;
    width: auto;
  }

  .jquery_tabs * {
    zoom: 1;
  }


/**************************************************************
      Einstellungen für maximal 900 Pixel Bildschirmbreite 
**************************************************************/

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

#visitenkarte.bild_quer_gross #visitenkarte_tel_fax,
#visitenkarte.bild_quer_gross #visitenkarte_email_www,
#visitenkarte.bild_quer_klein #visitenkarte_tel_fax,
#visitenkarte.bild_quer_klein #visitenkarte_email_www {
	flex: 0 1 100%;
}
#visitenkarte.bild_quer_gross #visitenkarte_email_www,
#visitenkarte.bild_quer_klein #visitenkarte_email_www {
	margin-top: 0.5rem;
}
#visitenkarte.bild_quer_gross #visitenkarte_tel_fax span:nth-of-type(odd),
#visitenkarte.bild_quer_klein #visitenkarte_tel_fax span:nth-of-type(odd) {
	flex: 1 1 10%;
}
#visitenkarte.bild_quer_gross  #visitenkarte_tel_fax span:nth-of-type(even),
#visitenkarte.bild_quer_klein  #visitenkarte_tel_fax span:nth-of-type(even) {
	flex: 1 1 90%;
}


}


/**************************************************************
      Einstellungen für maximal 800 Pixel Bildschirmbreite 
**************************************************************/

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

#visitenkarte.bild_					{ grid-template-columns: 30% 1fr; }
#visitenkarte.bild_hochkant_klein	{ grid-template-columns: 30% 1fr; }
#visitenkarte.bild_hochkant_gross	{ grid-template-columns: 35% 1fr; }
#visitenkarte.bild_quer_klein		{ grid-template-columns: 45% 1fr; }
#visitenkarte.bild_quer_gross		{ grid-template-columns: 55% 1fr; }

#visitenkarte_foto {
	grid-row: 2 / 3;
	grid-column: 1 / 2;
}
#visitenkarte_titel {
	grid-row: 1 / 1;
	grid-column: 1 / 3;
}
#visitenkarte_details {
	grid-row: 2 / 3;
	grid-column: 2 / 3;
}

#visitenkarte.bild_quer_gross #visitenkarte_foto {
	grid-row: 2 / 2;
	grid-column: 1 / 1;
}
#visitenkarte.bild_quer_gross #visitenkarte_titel {
	grid-row: 1 / 1;
	grid-column: 1 / 3;
}

#visitenkarte.bild_quer_gross #visitenkarte_details {
	grid-row: 3 / 3;
	grid-column: 1 / 3;
	margin-top: 0.5rem;
}

h2#visitenkarte_titel_name  { 
	font-size: 1.35rem;
	margin-bottom: 0.5rem;
}   

#visitenkarte.bild_ #visitenkarte_tel_fax,
#visitenkarte.bild_ #visitenkarte_email_www, 
#visitenkarte.bild_kein #visitenkarte_tel_fax,
#visitenkarte.bild_kein #visitenkarte_email_www, 
#visitenkarte.bild_hochkant_klein #visitenkarte_tel_fax,
#visitenkarte.bild_hochkant_klein #visitenkarte_email_www, 
#visitenkarte.bild_hochkant_gross #visitenkarte_tel_fax,
#visitenkarte.bild_hochkant_gross #visitenkarte_email_www {
	flex: 0 1 100%;
}
#visitenkarte.bild_ #visitenkarte_email_www,
#visitenkarte.bild_kein #visitenkarte_email_www,
#visitenkarte.bild_hochkant_klein #visitenkarte_email_www,
#visitenkarte.bild_hochkant_gross #visitenkarte_email_www {
	margin-top: 0.5rem;
}
#visitenkarte.bild_kein #visitenkarte_tel_fax span:nth-of-type(odd) {
	flex: 1 1 10%;
}
#visitenkarte.bild_ #visitenkarte_tel_fax span:nth-of-type(odd),
#visitenkarte.bild_hochkant_klein #visitenkarte_tel_fax span:nth-of-type(odd),
#visitenkarte.bild_hochkant_gross #visitenkarte_tel_fax span:nth-of-type(odd) {
	flex: 1 1 15%;
}
#visitenkarte.bild_kein #visitenkarte_tel_fax span:nth-of-type(even) {
	flex: 1 1 90%;
}
#visitenkarte.bild_ #visitenkarte_tel_fax span:nth-of-type(even),
#visitenkarte.bild_hochkant_klein #visitenkarte_tel_fax span:nth-of-type(even),
#visitenkarte.bild_hochkant_gross #visitenkarte_tel_fax span:nth-of-type(even) {
	flex: 1 1 85%;
}

}


/**************************************************************
      Einstellungen für maximal 450 Pixel Bildschirmbreite 
**************************************************************/

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

#visitenkarte.bild_quer_klein		{ grid-template-columns: 70% 1fr; }
#visitenkarte.bild_quer_gross		{ grid-template-columns: 80% 1fr; }

#visitenkarte.bild_quer_klein #visitenkarte_foto {
	grid-row: 2 / 2;
	grid-column: 1 / 1;
}
#visitenkarte.bild_quer_klein #visitenkarte_titel {
	grid-row: 1 / 1;
	grid-column: 1 / 3;
}

#visitenkarte.bild_quer_klein #visitenkarte_details {
	grid-row: 3 / 3;
	grid-column: 1 / 3;
	margin-top: 0.5rem;
}

#visitenkarte.bild_kein #visitenkarte_tel_fax span:nth-of-type(odd) {
	flex: 1 1 15%;
}
#visitenkarte.bild_kein #visitenkarte_tel_fax span:nth-of-type(even) {
	flex: 1 1 85%;
}

  .jquery_tabs ul.tabs-list,
  .jquery_tabs ul.tabs-list li,
  .jquery_tabs ul.tabs-list li a {
	width: 100%;
}


/**************************************************************
      Einstellungen für maximal 350 Pixel Bildschirmbreite 
**************************************************************/

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

#visitenkarte.bild_					{ grid-template-columns: 50% 1fr; }
#visitenkarte.bild_hochkant_klein	{ grid-template-columns: 50% 1fr; }
#visitenkarte.bild_hochkant_gross	{ grid-template-columns: 60% 1fr; }
#visitenkarte.bild_quer_klein		{ grid-template-columns: 80% 1fr; }
#visitenkarte.bild_quer_gross		{ grid-template-columns: 100% 1fr; }

#visitenkarte_foto {
	grid-row: 2 / 2;
	grid-column: 1 / 1;
	margin-right: 0;
}
#visitenkarte_titel {
	grid-row: 1 / 1;
	grid-column: 1 / 3;
}
#visitenkarte_details {
	grid-row: 3 / 3;
	grid-column: 1 / 3;
	margin-top: 0.5rem;
}

h2#visitenkarte_titel_name  { 
	font-size: 1.3rem;
	margin-bottom: 0.5rem;
}

#visitenkarte_tel_fax,
#visitenkarte_email_www {
	flex: 0 1 100%;
}
#visitenkarte_email_www {
	margin-top: 0.5rem;
}
#visitenkarte_tel_fax span:nth-of-type(odd) {
	flex: 1 1 25%;
}
#visitenkarte_tel_fax span:nth-of-type(even) {
	flex: 1 1 75%;
}

}