/*
@license
MyFonts Webfont Build ID 3566019, 2018-04-24T07:47:17-0400

The fonts listed in this notice are subject to the End User License. Agreement(s) entered into by the website owner. All other parties are explicitly restricted from using the Licensed Webfonts(s).You may obtain a valid license at the URLs below.

Webfont: PresentLTStd by Linotype
URL: https://www.myfonts.com/fonts/linotype/present/regular-63794
Copyright: Copyright © 1989, 1990, 1992, 1994, 2002 Adobe Systems Incorporated.  All Rights Reserved. © 1981, 2002 Heidelberger Druckmaschinen AG. All rights reserved.
Licensed pageviews: 250,000
License: https://www.myfonts.com/viewlicense?type=web&buildid=3566019
© 2018 MyFonts Inc
@import must be at top of file, otherwise CSS will not work 
@import url("//hello.myfonts.net/count/3669c3");
---------------------------------------------------------------
@license
MyFonts Webfont Build ID 3576644, 2018-05-08T05:46:42-0400
The fonts listed in this notice are subject to the End User License. Agreement(s) entered into by the website owner. All other parties are explicitly restricted from using the Licensed Webfonts(s). You may obtain a valid license at the URLs below.
Webfont: FuturaBTWXX-Light by Bitstream
URL: https://www.myfonts.com/fonts/bitstream/futura/pro-light
Copyright: Copyright © 2015 Monotype Imaging Inc. All rights reserved.
Licensed pageviews: 10,000
License: https://www.myfonts.com/viewlicense?type=web&buildid=3576644
© 2018 MyFonts Inc
@import must be at top of file, otherwise CSS will not work 
@import url("//hello.myfonts.net/count/36934b");
*/

@font-face {font-family: 'PresentLTStd';src: url('../webfonts/3669C3_0_0.eot');src: url('../webfonts/3669C3_0_0.eot?#iefix') format('embedded-opentype'),url('../webfonts/3669C3_0_0.woff2') format('woff2'),url('../webfonts/3669C3_0_0.woff') format('woff'),url('webfonts/3669C3_0_0.ttf') format('truetype');}

@font-face {font-family: 'FuturaBTWXX-Light';src: url('../webfonts/36934B_0_0.eot');src: url('../webfonts/36934B_0_0.eot?#iefix') format('embedded-opentype'),url('../webfonts/36934B_0_0.woff2') format('woff2'),url('../webfonts/36934B_0_0.woff') format('woff'),url('../webfonts/36934B_0_0.ttf') format('truetype');}


html{
	box-sizing: border-box;

}

body, pre{
	font-family:'FuturaBTWXX-Light';
	color: #616161;	
}



body, pre {
    font-size: 112.5%;
}

h1 {
	color: #e63312;
}

h1, h2, h3, h4, .titel{
	overflow-wrap: break-word; 
	hyphens: auto;
	font-family: 'PresentLTStd';	
}

h3 {
	font-size: 2rem;
}

.titel {
    font-size: 2rem;
    color: #e63312;
}

.content_1 h2,.content_1 h3, .content_2 h2, .termin, #kontakt h1, #kontakt h2, #kontakt h3, #kontakt h4 {
	
	color: #e63312
}

.content_2 {
    margin-top: 50px;
}

/* ------Telefon und Emailkontakt auf Index-Seite------ */

.ausfahren{
	position: fixed; 
	top:150px; 	
	z-index: 1000;
}

.einfahren{
	display: none;
}

.ausfahren a {
    left: -20rem;
    display: block;
    position: relative;
    transition: 1s;
/*    background-color: #fdcfc5; */
    padding-left: 1rem;
    line-height: 2;
	padding-bottom: 4px;
	font-size: 1rem;
	
/*	transition: background-color 1.5s ease;*/
	background-color: transparent;
}

	.first:link, .second:link {
		text-decoration: none;
		color: #616161;
	}
	.first:visited , .second:visited{
		text-decoration: none;
		color: #616161;
	}
	.first:hover , .second:hover{
		left: 0;
		text-decoration: none;
		color: #616161;
		background-color: #fdcfc5;
	}

	.first:active, second:active{
		text-decoration: none;
		color: #616161;
		left: 0;
		background-color: #fdcfc5;
	}
	
	.first:focus, .second:focus{
		left: 0;
		text-decoration: none;
		color: #616161;
		background-color: #fdcfc5;
	}	


.first:after {
	background-image: url("../images/index/telefonnummer-hebammenpraxis-voehringen.svg");
    background-repeat: no-repeat;
    content: "";
    width: 43px;
    height: 43px;
    float: right;
    margin-left: 1rem;
    top: -4px;
    position: relative;
    left: 18px;
}

.second:after {
	background-image: url("../images/index/mailadresse-hebammenpraxis-voehringen.svg");
    background-repeat: no-repeat;
    content: "";
    width: 43px;
    height: 43px;
    float: right;
    margin-left: 1rem;
    top: -4px;
    position: relative;
    left: 18px;
}


/* --------------------------------------------------- */


 #kontakt h1 {
    margin-bottom: 4.5rem;
}

 #kontakt h1 + p{
    margin-bottom: 2rem;
}

#kontakt .col-md-12 + .col-md-12{	
	margin-top: 2.5rem;
}
#kontakt .bg_1 {
    margin-bottom: 0px;
}

#kontakt .content_2 .row .container .row h2 {
    text-align: left;
}

/* -------------Datenschutz--------------------------- */

 #datenschutz h1 {
    margin-bottom: 2.5rem;
}

 #datenschutz h2 {
	margin-top: 5.5rem;
    margin-bottom: 3.0rem;
	
}

 #datenschutz h3 {
	margin-top: 3.5rem; 
    margin-bottom: 1.0rem;	
}

 #datenschutz p {
    margin-bottom: 0rem;
	margin-top: 0rem;
	padding-top: 0rem;
	padding-bottom: 0rem;
}

#datenschutz strong {
    margin-bottom: 0rem;
    margin-top: 0.7rem;
    padding-top: 0rem;
    padding-bottom: 0rem;
    display: block;
}

 #datenschutz h1 + p{
    margin-bottom: 0rem;
}


#datenschutz .bg_1 {
    margin-bottom: 0rem;
}

#datenschutz .content_2 .row .container .row h2 {
    text-align: left;
}

#datenschutz ul {
    margin-top: 1rem;
    margin-bottom: 1rem;
}


/* ------------------------------------------------ */

#wir .content_1 {
    margin-bottom: 40px;
}

#wir .content_2 .row .container .row .col-md-6 h2 {
    text-align: left;
    margin-top: 4.0rem;
}

#wir .content_2 .row .col-md-12 h2{
	margin-bottom: 40px;
}

/* Link nach oben ------------------ */


.nach-oben img{
	width:30px;
	height:30px;
	padding-right:5px;
}
.nach-oben img{
		transition: opacity 0.5s;
		}	
.nach-oben img:hover {
		opacity:0.5;
	}
	
.nach-oben img{
		transform: rotate(180deg);
		}	

.nach-oben {
	position:fixed; 
	top:85vh; 
	right:0; 
	margin-right: 1rem; 
	z-index:1000;	
}

.nach-oben a {
	display: block;
	color:#616161;	
	transition: opacity 0.5s;
	letter-spacing: -0.5px;
}

.nach-oben a:link{
	color:#616161;	
	transition: opacity 0.5s;
	}
	
.nach-oben a:visited{
	color:#616161;	
	}
	
.nach-oben a:hover{
		opacity: 0.5;
		text-decoration: none;		
	}
	
.nach-oben a:active{
	color:#616161;	
	}
.h2-pb-160{
	padding-bottom: 160px;
}	

.external-link{
		color: #616161;
		text-decoration: underline;

}

.external-link:hover{
	font-weight: 600;
	color: #616161
}

.external-link:visited{
	color: #616161
}

/*-----------------------------------*/

#wir div.row_1:nth-child(2){
	margin-top: 5rem;
}

section{	
	text-align: left;
	margin-top: 55px;
	margin-bottom: 70px;
}


section p{	
/*	margin-top: 25px;
	margin-bottom: 95px;*/
	margin-top: 25px;
	margin-bottom: 0px;	
}

section p + p{
	margin-top: 25px;
	margin-bottom: 0px;	
}

section p:last-child{
	margin-top: 25px;
	margin-bottom: 95px;	
}

section ul{
	margin-top: 10px;
	padding-left: 10px;
}

section ul li{
	list-style-type: none;
}

section ul li:before {
    content: "-"; 
    padding-right: 6px;
}

.content_2 .col-md-6 figure img{	
	width:100%;
	height: auto;
	margin-top: 5px;
}

.content_2 .col-md-12 img{
	top:50px;
	z-index: 10;
}

.content_2 .row div {
    text-align: left;
}


.content_2 .row .col-md-12 {
    text-align: left;
}


.content_2 .row .container .row{
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 50px 50px;
    z-index: 1;
    padding-top: 60px;
    margin-top: 30px;
}

#kontakt .content_2 .row .container .row {
    padding-top: 10px;
}


.content_2 .row .container .row h2 {
	
	text-align: center;
	margin-bottom: 42px; /*alt 23.5.2018 - 20px*/
}

.content_2 .row .col-md-6 {
    padding-right: 15px;
    padding-left: 15px;
}

.download img{
	width:30px;
	height:30px;
	padding-right:5px;
}

.termin {
	display: inline-block;
	padding-top: 10px;
}

/*------ Geburtsvorbereitungskurs -----------*/
.row_1 {
    background-image: url("../images/index/geburtsvorbereitung-kurse.svg");
}
/*------ Geburtsvorbereitungskurs für Paare -----------*/
.row_2 {
    background-image: url("../images/index/partnerkurse-geburtsvorbereitung.svg");
}
/*------ Säuglingspflege -----------*/
.row_3 {
    background-image: url("../images/index/schwangere -beratung-hilfe.svg");
}
/*------ Rückbildungsgymnastik  -----------*/
.row_4 { 
    background-image: url("../images/index/rueckbildung-gymnastik.svg");
}
/*------ Babymassage -----------*/
.row_5 {
    background-image: url("../images/index/babymassage.svg");
}
/*------ Babyschwimmen -----------*/
.row_6 {
    background-image: url("../images/index/babyschwimmen.svg");
}




/* -------- footer --------------------*/

	footer a:link {
		color:#fff;
		text-decoration: none;
		transition: color 0.5s;
		line-height: 30px;
		
	}
	footer a:visited{
		color: #fff;
		text-decoration: none;
	}
	footer a:hover{
		color: #616161;
		text-decoration: none;
	}
	footer a:active{
		color: #fff;
		text-decoration: none;
	}

/* ------------------------------------- */

	.slogan h2{
		color: #616161;	
	}

/*------Tabelle Termine-----------------*/

	.table {
		margin-top: 2rem;
	}

	table tr td:first-child{
		width: 17%;	
		
	}
	table tr td:nth-child(3){
		width: 10%;	
		
	}

.table-striped tbody tr:nth-of-type(2n) {
    background-color: rgba(0,0,0,.05);
}

.table-striped tbody tr:nth-of-type(2) {
    background-color: #F37C67;
	color:#fff;
}
	
	.table-striped tbody tr:nth-of-type(2n+1) {
    background-color: #fdcfc5;
	}
	
	.table td, .table th {
    vertical-align: top;
    border-top: 0px solid #FCB9AB;
	padding-left: 1rem;
    padding-right: 0;
    padding-top: 0;
    padding-bottom: 0;
	}

	.full{
		width:100%;
		height:auto;
	}

/*------ Hauptnavigation ----------------*/

	.navbar-default > .container, .navbar-default > .container-fluid {

		margin-left: 24.5%;
		margin-right: 15.5%;
	}

	.navbar-default figure {
		margin: 0 0 0rem;
	}

	.navbar-default {
		padding: .0rem 1rem;    
		top: 30px;
	}


	.navbar-default a:link, .phone:link {
		color:#616161;
		text-decoration: none;
		transition: opacity 0.3s;
		
	}
	.navbar-default a:visited, .phone:visited{
		color: #616161;
		text-decoration: none;
	}
	.navbar-default a:hover, .phone:hover{
		text-decoration: none;
	}
	
	.navbar-default a:hover, .phone:hover {
    opacity: 0.5;
}
	
	.navbar-default a:active, .phone:active{
		color: #616161;
		text-decoration: none;
	}

/*------SVG-Icons-----------------------*/

	.row div {
		text-align: center;
	}

/* ---- Fancybox ---------------------- */

/*
	figure {
		position: relative;
	}
*/

	figcaption{
		top:-8rem;
		text-align: center;
	}
	
	.fcb-link-img{
    display: block;
    margin: 0 auto;
	padding-bottom: 145px;
	}

	.fancybox-button{
		color: rgb(230,51,18);
		border-radius: 22px;
		background: rgb(253,207,197);
		margin-right: 5px;
		width: 22px;
		height: 22px;
		line-height: 33px;
		margin-top: 0.65rem;		
	}


	.fancybox-button:hover:not([disabled]) {
		color: rgb(230,51,18);
		background: rgb(253,207,197);
	}


/*
----------in der jquery.fancybox.min.js -> fancybox-button--play -> 					geaendert in --> fancybox-button--fancybox-button--play1 
										-> fancybox-button--fullscreen -> 				geaendert in --> fancybox-button--fullscreen1 
										-> fancybox-button--thumbs -> 					geaendert in --> fancybox-button--thumbs1
										-> fancybox-button--close -> 					geaendert in --> fancybox-button--close1

../images/galerie/close.svg
../images/galerie/full screen.svg
../images/galerie/next.svg
../images/galerie/play
../images/galerie/previous.svg
../images/galerie/thumbnail.svg										
										
										
*/


	.fancybox-button--play1{
		/*color:black;*/
		background-image: url("../images/galerie/play.svg");
	}

	.fancybox-button--fullscreen1{
		/*color:black;*/
		background-image: url("../images/galerie/full screen.svg");
	}

	.fancybox-button--thumbs1{
		background-image: url("../images/galerie/thumbnail.svg");
	}

	.fancybox-button--close1{
		background-image: url("../images/galerie/close.svg");
	}


	.fancybox-button--play1:hover:not([disabled]){
		background-image: url("../images/galerie/play.svg");
		opacity: 0.6;
	}

	.fancybox-button--fullscreen1:hover:not([disabled]){
		background-image: url("../images/galerie/full screen.svg");
		opacity: 0.6;
	}

	.fancybox-button--thumbs1:hover:not([disabled]){
		background-image: url("../images/galerie/thumbnail.svg");
		opacity: 0.6;
	}

	.fancybox-button--close1:hover:not([disabled]){
		background-image: url("../images/galerie/close.svg");
		opacity: 0.6;
	}


	.fancybox-show-nav .fancybox-arrow {
		opacity: 1;
		width: 60px;
	}
	

	.fancybox-arrow::after {
		content: "";
		position: absolute;
		top: 28px;
		width: 24px;
		height: 22px;
		background-color: #fff;
		background-image: url("../images/galerie/next.png");
		background-repeat: no-repeat;
		background-position: 50%;
		background-size: auto;
	}


	.fancybox-bg {
		background: #fff;
	}

	.fancybox-is-open .fancybox-bg {
		opacity: 1; /*dann ist der Hintergrund weiss*/
	}

	.fancybox-bg {
		background: #fff;
	}

	.fancybox-infobar__body {
		background: #fff;
	}

/* ----------Hintergrund-Hauptbilder ----------------- */


	.bg {
			background-repeat: no-repeat;
			background-attachment: scroll;
			background-position: center top;
			height: 525px;
	}
	
	#index .bg {
			background-image: url("../images/index/index_1.jpg");
	}


	#galerie .bg {
	background-image: url("../images/galerie/hebammenpraxis-voehringen_angenehme-atmosphaere.jpg");
	}		

	#wir .bg {
		background-image: url("../images/wir/hebammen-illertissen_ueber-uns.jpg");
	}
	
	#leistungen .bg {
		background-image: url("../images/leistungen/schwangerschaftsgymnastik_hebammenpraxis-voehringen.jpg");
	}

	#kontakt .bg{
		background-image: url("../images/kontakt/wir-nehmen-uns-zeit-fuer-sie_hebammenpraxis-voehringen.jpg");
	}
	
		#kontakt .bg, #datenschutz .bg{
		background-image: url("../images/datenschutz/behandlung_bebammen_1920_o.jpg");
	}


	#upload .bg {
	background-image: none;
    height: 100px;
    background-color: #F37C67;
    border: 1px solid #F26A52;
}

	#upload .btn {
		border-radius: 0;
	}
		


	#upload .form-control {
		border-radius: 0;
	}	
	
	/* -------------------------------- */		
	
	.bg_1 {
			background-repeat: repeat;
			background-attachment: scroll;
			background-position: center top;
			background-image: url("../images/heb_punkte.jpg");
			height: 115px;
			background-color:#F8E3DE;
			position: relative;
			margin-bottom: 123px;
	}

	.content{
		margin-bottom: 83px;		
	}

	.content h1{
		margin-bottom: 45px;		
	}


	.bg_2 {
			background-color: #fdcfc5;
			margin-bottom: 0px;
			padding-top: 90px;
			padding-bottom: 90px;
			border: 1px solid #FCB9AB;
	}


	.bg_2 figure {
		margin: 0 0 0 0rem;
	}

	.bg_2 img, .download img{
		transition: opacity 0.5s;
		}		

	.bg_2 a img:hover,.download img:hover{
		opacity:0.5;
	}

	.bg_2 a h2{
		color:#e63312;	
		transition: color 0.5s;
	}

	.bg_2 a:hover, .download a:hover{
		text-decoration: none;
	}

	.bg_2 a :hover ~ h2{
		color: #fff;
	}

	.bg_2 div div div{
		margin-bottom:45px;
	}
	
/* ------------Downloadlink ---------------- -*/	
	.download a{
		color:#616161;	
		transition: opacity 0.5s;
	}
	
	.download a:hover{
		opacity: 0.5;
	}
			
	
/*---------------------------------------------*/
	.bg-slogan{
		background-image: url("../images/heb_punkte_klein.jpg");
		background-repeat: repeat-x;
	}

	.slogan{
		padding-top: 210px;
	}
	.slogan p{
		padding-top: 40px;
		padding-bottom: 140px;
	}

		
	.logo_1 {
		position: absolute;
		top: 495px;
		z-index: 10;
	}

	.logo_1 img{
		transition: opacity 0.5s;
		}		

	.logo_1 a img:hover{
		opacity:0.7;
	}


	.container-fluid {
		max-width: 3400px;
	}


	.navbar-expand-lg {
		display:none;
	}

	.page-footer{
		
		background-color: #F37C67;
		padding-top:40px;
		padding-bottom: 100px;
		border: 1px solid #F26A52;
	}
	
	#upload .page-footer {
    margin-top: 6rem;
}

/* Extra small devices (phones, less than 768px) */
/* Small devices (tablets, 768px and up) */
/* Medium devices (desktops, 992px and up) */
/* Large devices (large desktops, 1200px and up) */
/* Extra large devices (Extra large desktops, 1920px and up) */


	@media screen and (min-device-width: 320px) and (max-device-width: 767px) { 
		/* STYLES HERE */
	}


	@media screen and (min-device-width: 768px) and (max-device-width: 992px) { 
		/* STYLES HERE */
	}

	@media screen and (min-device-width: 993px) and (max-device-width: 1200px) { 
		/* STYLES HERE */
	}


	@media screen and (min-device-width: 1201px) { 
	   /* STYLES HERE */
	}

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

	}




/* ################# Media Queries fuer Fensterbreite ########### */


/* ab 1920 px Fensterbreite  -------------------------------------*/

	@media screen and (min-width: 1920px) { 
	
	
	/*
	height: 525px;
	Bild 1920 x 540px --> H/B = 3,55
	*/
		.bg {
				background-size:cover;
		}
		
		.small	{
			display:none;
		}
		

		figure .breit {
			display:block;
			}

			
		figure .hoch {
			display:none;	
			}			
		
	}



/* von 1120 - 1920 px Fensterbreite  ----------------------------- */

	@media screen and (max-width:1919px){
		
	/*
		height: 525px;
		Bild 1920 x 540px --> H/B = 3,55
	*/
		.bg {
			background-size:cover;
		}
		
		.small	{
			display: none;
		}		

		.large	{
			display: block;
		}	
		
		figure .breit {
			display:block;
			}

			
		figure .hoch {
			display:none;	
			}		

		
	}



/* von 993 - 1119 px Fensterbreite  ------------------------------- */

	@media screen and (max-width:1199px){
		
	/*
		height: 525px;
		Bild 1120 x 315px --> H/B = 3,55
	*/

		
		.logo_1 {
			top: 280px;
		}		
		
		.small	{
			display: none;
		}		

		.large	{
			display: block;
		}




		
		.bg {
			background-image: url("../images/index/index_1-m.jpg");
			background-size:cover;
			height: 315px;
		}
		
		#index .bg {
			background-image: url("../images/index/index_1-m.jpg");
		}
		
		#galerie .bg {
			background-image: url("../images/galerie/hebammenpraxis-voehringen_angenehme-atmosphaere-m.jpg");
		}		

		#wir .bg {
			background-image: url("../images/wir/hebammen-illertissen_ueber-uns-m.jpg");
		}
		
		#leistungen .bg {
			background-image: url("../images/leistungen/schwangerschaftsgymnastik_hebammenpraxis-voehringen-m.jpg");
		}	

		#kontakt .bg {
			background-image: url("../images/kontakt/wir-nehmen-uns-zeit-fuer-sie_hebammenpraxis-voehringen-m.jpg");
		}

		figure .breit {
			display:block;
			}

			
		figure .hoch {
			display:none;	
			}

		
		
	}




/* von 766 - 992 px Fensterbreite  --------------------------------- */

	@media screen and (max-width:992px){
		
	/*
		height: 525px;
		Bild 1120 x 315px --> H/B = 3,55
	*/		


		.logo_1 {
			top: 280px;
		}	
		
		.small	{
			display: none;
		}		

		.large	{
			display: block;
		}
		

/*small??????????????????????????*/
		
		.bg {
			background-size:cover;
			height: 315px;
		}
		#index .bg {
			background-image: url("../images/index/index_1-s.jpg");
			background-size:cover;
		}
		#galerie .bg {
			background-image: url("../images/galerie/hebammenpraxis-voehringen_angenehme-atmosphaere-s.jpg");
		}		

		#wir .bg {
			background-image: url("../images/wir/hebammen-illertissen_ueber-uns-s.jpg");
		}
		
		#leistungen .bg {
			background-image: url("../images/leistungen/schwangerschaftsgymnastik_hebammenpraxis-voehringen-s.jpg");
		}	

		#kontakt .bg {
			background-image: url("../images/kontakt/wir-nehmen-uns-zeit-fuer-sie_hebammenpraxis-voehringen-s.jpg");
		}
		
		
		figure .breit {
			display:none;
			}

			
		figure .hoch {
			display:block;	
			}
		
		
	}




/* von 0 bis 767 px Fensterbreite ---------------------------------- */

	@media screen and (max-width:767px){
		
		
	/*
		Standard-Navigation ausblenden
		mobile Navigation einblenden
	*/
		.navbar-expand-lg {
			display:block;
		}
		
		.navbar-default	{
			display:none;
		}
		
		.small	{
			position: relative;
			display: block;
			top: 137px;
		}
		
		.content {
        margin-top: 75px;
		}		
		

		.large	{
			display: none;
		}


		.logo_1 {
			top: 0;
			position: relative;
		}


		.slogan {
			padding-top: 100px;
		}
		
		.slogan p {
			padding-bottom: 100px;
		}
		
				
	/*
		height: 200px;
		Bild 360 x 200px --> H/B = 1,88
	*/
	
		.bg {
			background-size:cover;
			height: 200px;
		}	

		#index.bg {
			background-image: url("../images/index/index_1-xs.jpg");
		}
		
		#galerie .bg {
			background-image: url("../images/galerie/hebammenpraxis-voehringen_angenehme-atmosphaere-xs.jpg");
		}		

		#wir .bg {
			background-image: url("../images/wir/hebammen-illertissen_ueber-uns-xs.jpg");
		}
		
		#leistungen .bg {
			background-image: url("../images/leistungen/schwangerschaftsgymnastik_hebammenpraxis-voehringen-xs.jpg");
		}	

		#kontakt .bg {
			background-image: url("../images/kontakt/wir-nehmen-uns-zeit-fuer-sie_hebammenpraxis-voehringen-xs.jpg");
		}	

		figure .breit {
			display:block;
			}

			
		figure .hoch {
			display:none;	
			}
			
			
		h1 {
			font-size: 2.25rem;
			}

			h2 {
				font-size: 1.75rem;
			}

			h3 {
				font-size: 1.75rem;
			}

			h4 {
				font-size: 1.25rem;
			}	
			.titel {
				font-size: 1.75rem;
			}
			
			
			/* -----Nicht ausfahren Telefonwahl und Mail bei Mobile---- */

			.first:hover, .second:hover{
				left: -20px;
			}
			
			.first:active, .second:active{
				left: -20px;
			}
			
			.first:focus, .second:focus{
				left: -20px;

			}
			
			.ausfahren{
				top:75px; 	
			}
			
			.ausfahren a {
				background-color: transparent;
				padding-left: 0;
				line-height: 0;
				padding-bottom: 0px;
				font-size:0;
				left:-20px;
				
			}	
			
			.table {
				font-size: 0.75rem;
			}			
			
			
		
	}