/* ibm-plex-sans-300 - latin */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/ibm-plex-sans-v2-latin-300.eot'); /* IE9 Compat Modes */
  src: local('IBM Plex Sans Light'), local('IBMPlexSans-Light'),
       url('../fonts/ibm-plex-sans-v2-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/ibm-plex-sans-v2-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/ibm-plex-sans-v2-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/ibm-plex-sans-v2-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/ibm-plex-sans-v2-latin-300.svg#IBMPlexSans') format('svg'); /* Legacy iOS */
}
/* ibm-plex-sans-regular - latin */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/ibm-plex-sans-v2-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('IBM Plex Sans'), local('IBMPlexSans'),
       url('../fonts/ibm-plex-sans-v2-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/ibm-plex-sans-v2-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/ibm-plex-sans-v2-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/ibm-plex-sans-v2-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/ibm-plex-sans-v2-latin-regular.svg#IBMPlexSans') format('svg'); /* Legacy iOS */
}
/* ibm-plex-sans-500 - latin */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/ibm-plex-sans-v2-latin-500.eot'); /* IE9 Compat Modes */
  src: local('IBM Plex Sans Medium'), local('IBMPlexSans-Medium'),
       url('../fonts/ibm-plex-sans-v2-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/ibm-plex-sans-v2-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/ibm-plex-sans-v2-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/ibm-plex-sans-v2-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/ibm-plex-sans-v2-latin-500.svg#IBMPlexSans') format('svg'); /* Legacy iOS */
}
/* ibm-plex-sans-600 - latin */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/ibm-plex-sans-v2-latin-600.eot'); /* IE9 Compat Modes */
  src: local('IBM Plex Sans SemiBold'), local('IBMPlexSans-SemiBold'),
       url('../fonts/ibm-plex-sans-v2-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/ibm-plex-sans-v2-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/ibm-plex-sans-v2-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/ibm-plex-sans-v2-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/ibm-plex-sans-v2-latin-600.svg#IBMPlexSans') format('svg'); /* Legacy iOS */
}
/* ibm-plex-sans-700 - latin */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/ibm-plex-sans-v2-latin-700.eot'); /* IE9 Compat Modes */
  src: local('IBM Plex Sans Bold'), local('IBMPlexSans-Bold'),
       url('../fonts/ibm-plex-sans-v2-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/ibm-plex-sans-v2-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/ibm-plex-sans-v2-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/ibm-plex-sans-v2-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/ibm-plex-sans-v2-latin-700.svg#IBMPlexSans') format('svg'); /* Legacy iOS */
}


/* Basics
================================================== */
* { margin:0; padding:0; outline:0; }

html, body { height:100%; }

body { font-family:IBM Plex Sans, Helvetica, Arial, sans-serif; font-size:13px; line-height:20px; font-weight:400; color:#242424; }

h1,h2,h3,h3 { margin:0; padding:0; font-weight:400; }
h1 { margin:0 -15px 20px -15px; padding-left:15px; font-size:20px; line-height:50px; color:#fff; font-weight:300; background-color:#e73e55; }
h2 { margin-bottom:3px; font-size:17px; line-height:23px; color:#e73e55; font-weight:500; }
h3 { font-size:15px; }

@media (min-width: 768px) {
	h1 { margin:0 -20px 20px -20px; padding-left:20px; }
}

b, strong { font-weight:700; }

a { color:#e73e55; text-decoration:none; }
a:hover, a:focus { text-decoration: none; color: inherit; outline:none; }

p.button { margin-top:30px; text-align:center; }
p.button a { padding:8px 20px 8px 30px; color:#fff; background:url(../img/icon-arrow.png) no-repeat 7px center; background-color:#242424; border-radius:15px; }

p { margin-bottom:15px; }

img { border:none; }

.clearfix:after { content:"."; display:block; clear:both; overflow:hidden; visibility:hidden; height:0; }
.clearfix { zoom:1; }

main ul { margin-bottom:20px; padding:10px  10px 3px 10px; background-color:#fff; border:1px solid #eeb2bd; }
	main ul li { margin-bottom:10px; padding-left:18px; list-style:none; background:url(../img/bg-li.png) no-repeat left top;
}

table { margin-bottom:15px; width:100%; }
	table, td { font-family:IBM Plex Sans, Helvetica, Arial, sans-serif; font-size:13px; line-height:20px; font-weight:400; color:#242424; }
	table td { vertical-align:top;
}


/* Bootstrap Basic Custom
================================================== */
.btn-red {
  color: #ffffff;
  background-color: #e73e55;
  border-color: #e73e55;
}
.btn-red:hover,
.btn-red:focus,
.btn-red:active,
.btn-red.active {
  color: #ffffff;
  background-color: #e73e55;
  border-color: #e73e55;
}

.form-control:focus {
  border-color: #777;
  outline: 0;
  webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 5px rgba(0, 0, 0, 0.4);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 5px rgba(0, 0, 0, 0.4);
}
.form-control::-moz-placeholder { color: #000; }
.form-control:-ms-input-placeholder { color: #000; }
.form-control::-webkit-input-placeholder { color: #000; }

/* Container
================================================== */
#wrapper { position:relative; min-height:100%; height:auto !important; height:100%; }
	header { padding:0 20px;  }
			header .logo { float:left; padding-top:18px; }
			header nav { float:right;
	}
	
	main { display:block;  padding-top:56px; }	
	
		.container {
			margin:0;
			padding:0 15px 60px 15px;
			background-color: #fff;
	}
	
	main .container .mobile-image {
		margin:0  }
		
		main .container .mobile-image img {
			width:100%;
			height:auto; }
		
	
	footer { position:absolute; bottom:0; width:100%; background-color:#242424; }	
		footer .wrapper { padding:5px 15px 0 15px;  font-size:12px; color:#fff; text-transform:uppercase; }
		
		.backstretch { display:none; }


@media (min-width: 768px) {
	main {
		padding-top:100px; }
	
	.container {
		margin:0 20px;
		padding:0 20px 60px 20px;
		width:640px;
		background-color: rgba(255,255,255,.9);
	}
	
	footer .wrapper {
		padding:5px 40px 0 40px;
	}
	
	.backstretch { display:block; }
}

@media (min-width: 992px) {
	.container {
		margin:0 40px;
		width:640px;
	}
}

@media (min-width: 1200px) {
  .container {
    width: 640px;
  }
}

.row {
  margin-left: -8px;
  margin-right: -8px;
}
.row.no-space { margin:0 -15px; padding:0; }
.row [class^="col-"] { margin-bottom: 15px; padding: 0 8px; }
.row [class^="col-"].no-space { margin:0; padding:0; }


/* Navigation
================================================== */
.navbar-inverse {
	padding:0 15px;
	min-height:56px;
	border: 0; }
	
	.navbar-toggle {
		margin: 8px 0 0 0; padding: 10px 0;
		border:none; border-radius:0; }
		.navbar-inverse .navbar-toggle:hover,
		.navbar-inverse .navbar-toggle:focus {
			background-color:transparent; }
			
		.navbar-toggle .icon-bar {
			width: 28px; height: 3px;
			border-radius: 0; }
			.navbar-toggle .icon-bar + .icon-bar {
				margin-top: 5px;
	}

	.navbar-inverse .navbar-brand {
		padding:17px 0;
		height:auto; }
		
		.navbar-inverse .navbar-brand img {
			max-height:22px;
			width:auto;
	}

	.navbar-inverse .navbar-nav {
		margin-top:17px; }
	
		.navbar-inverse .navbar-nav li {
			margin:0 0 10px 0;
			padding:0; }
	
			.navbar-inverse .navbar-nav li a {
				padding:0; 
				font-size:15px;
				color:#fff;
				text-transform:uppercase; }
				.navbar-inverse .navbar-nav li a:hover { color: #e73e55;
}

@media(min-width:768px) {
	.navbar-inverse {
		padding:0 20px;
	}

	.navbar-inverse .navbar-nav li {
		margin:0 8px 0 0; 
		padding-right:12px;
		background:url(../img/bg-navi-li.png) right top no-repeat;
	}
	.navbar-inverse .navbar-nav li:last-child {
			margin:0; padding:0; background:none;
	}
}

@media (min-width: 992px) {
	.navbar-inverse {
		padding:0 40px;
	}
}

body.home  nav ul li a[title="Informationen über Telefonsex"],
body.rufnummern  nav ul li a[title="Privat"],
body.kosten  nav ul li a[title="Professionell"],
body.geld-verdienen  nav ul li a[title="Geld verdienen mit Telefonsex"],
body.angebote  nav ul li a[title="Telefonsex-Marktübersicht"],
body.telefonsex-kontaktanzeigen  nav ul li a[title="Telefonsex-Kleinanzeigen"] { color:#fff; border-bottom:2px solid #e73e55; }

@media(max-width:767px) {
	/*  Headroom  */
	.headroom {
		-webkit-transition:all .25s ease-in-out;
		-moz-transition:all .25s ease-in-out;
		transition:all .25s ease-in-out;
	}
	
	.headroom-pinned {
		-webkit-transform:translateY(0);
		-ms-transform:translateY(0);
		transform:translateY(0);
	}
	
	.headroom-unpinned {
		-webkit-transform:translateY(-100px);
		-ms-transform:translateY(-100%);
		transform:translateY(-100%);
	}
}


/* Footer
================================================== */			
footer .wrapper p { margin-bottom:5px; }
footer .wrapper a { color:#fff; }


/* Kontakanzeigen
================================================== */
form.kontaktanzeigen-maske { margin-bottom:20px; padding:15px 15px 0 15px; height:100%; background:#fff; border:1px solid #eeb2bd; }

table.kontaktanzeigen { margin:0;  border-bottom:dotted 1px #242424; }
table.kontaktanzeigen td { padding:0 15px; }
table.kontaktanzeigen.firma { margin:-1px 0 20px 0; background-color:#fff; border:1px solid #eeb2bd; }
table.kontaktanzeigen.firma td { padding:15px 15px 0 15px; }
	table.kontaktanzeigen td.rounded-image { padding:15px 0 0 15px; width:100px; }
		table.kontaktanzeigen td.rounded-image img.image { width:100px; height:100px; border-radius:50px; -webkit-border-radius:50px; -moz-border-radius:50px; }
		table.kontaktanzeigen td span.rufnummer { display:block; margin-bottom:5px; font-size:18px; color:#e73e55; font-weight:500; }
		table.kontaktanzeigen td.infos { font-size:12px; font-style:italic;
}


/* Marktübersicht Maske
================================================== */
form.marktuebersicht-maske { margin-bottom:20px; padding:15px 15px 0 15px; height:100%; background:#fff; border:1px solid #eeb2bd; }

.markuebersicht-eintraege .eintrag { margin-bottom:20px; background-color:#fff; }
	.markuebersicht-eintraege .eintrag  h3 { padding:5px 15px; line-height:20px; color:#fff; background-color:#e73e55; }
		.markuebersicht-eintraege .eintrag  h3 span { display:block; margin:-5px -15px 4px -15px; padding:5px 15px; background-color:#242424; }
	.markuebersicht-eintraege .eintrag .eintrag-content { padding:10px 15px 0 15px; border:1px solid #eeb2bd; border-top:none; }
		.markuebersicht-eintraege .eintrag .eintrag-content .rufnummer h4 { margin-bottom:2px; font-size:20px; color:#e73e55; font-weight:500; }
		.markuebersicht-eintraege .eintrag .eintrag-content .rufnummer p { font-size:12px; font-style:italic; }
		.markuebersicht-eintraege .eintrag .eintrag-content .anschrift { padding-left:39px; font-size:12px; line-height:17px; background:url(../img/icon-info.png) no-repeat left 3px;
}

@media(min-width:768px) {
.markuebersicht-eintraege .eintrag  h3 span { float:left; margin-right:15px; }
}


/* Kontaktanzeigen Anmeldung
================================================== */
form.kontaktanzeigen-anmeldung { margin-bottom:25px; padding:15px 0 1px 15px; height:100%; background:#fff; border:1px solid #eeb2bd; }
	form.kontaktanzeigen-anmeldung fieldset { margin:0 0 15px 0; border:none; }		
		form.kontaktanzeigen-anmeldung label { display:block; padding-bottom:1px; }
		form.kontaktanzeigen-anmeldung .inputfield, form.kontaktanzeigen-anmeldung textarea { padding:7px; width:240px; font-family:IBM Plex Sans, Helvetica, Arial, sans-serif; font-size:13px; line-height:20px; font-weight:400; background:#fff; border:1px solid #ccc; }
		form.kontaktanzeigen-anmeldung input[type="file"] { font-size:13px; }
		form.kontaktanzeigen-anmeldung textarea { width:100%; height:60px; overflow:auto; }
		form.kontaktanzeigen-anmeldung .senden { float:right; margin-right:15px; padding:10px 20px; font-family:IBM Plex Sans, Helvetica, Arial, sans-serif; font-size:13px; color:#fff; background-color:#242424; border:none; cursor:pointer; }
		form.kontaktanzeigen-anmeldung  .highlight { color:#d31145;
}

form.kontaktanzeigen-anmeldung .feld { float:left; margin:0 10px 15px 0; width:256px; overflow:hidden; }
form.kontaktanzeigen-anmeldung .feld-lang { margin:0 20px 10px 0; }

/* Formulare Allert */
form.kontaktanzeigen-anmeldung .errMsg { display:none; }
form.kontaktanzeigen-anmeldung .errFld { background-color:#fff; border:1px solid #242424; }
form.kontaktanzeigen-anmeldung #alertMessagePlaceHolder { display:none; margin:0 15px 30px 0; padding:10px 20px; color:#fff; background-color:#242424; }







/* Geld verdienen
================================================== */
.agenturen { margin:0; padding:15px 0; border-bottom:dotted 1px #955f97; }
	.rating { float:right; margin-top:-3px; unicode-bidi:bidi-override; direction:ltr; }
		.rating span { display: inline-block; float:left; width:16px; font-size:16px; color:#decfe2; cursor:pointer; transition:all 200ms ease; }
		/* Hey, hab hier drüber bei der Klasse '.rating' die 'direction' von 'rtl' zu 'ltr' geändert.
		** '.rating span' hat jetzt ein 'float: left' anstatt 'right'.
		** Die beiden Zeile unter dem Kommentar hab ich auch noch eingefügt.
		** Die 2 Zeilen danach sind auskommentiert, da das Javascript deren Funktion übernimmt.
		** Ansonsten hab ich nichts verändert.  */
		.rating span.active, .rating p, span.hover { color: #724379; }
		.rating p { margin:0; line-height: 2.1; }
		/*.rating span:hover, .rating span:hover ~ span { color:#724379; }
		.rating span:active, .rating span:active ~ span, { color:#724379;
	}*/


/* WebYep
================================================== */
#wy-login { position:fixed; top:0; left:0; z-index:1600; color:#fff; }
header .WebYepRichTextEditButton,
footer .WebYepRichTextEditButton { display:none; }
main .wrapper .left .box .box-left .WebYepImageEditButton { position:absolute; top:10px; left:10px; }


/* Nico
================================================== */
a.showLgI {
	background: transparent;
	border: none;
	cursor: pointer;
	display: block;
	height: 16px;
	position: fixed;
	right: 0;
	text-decoration: none;
	top: 0;
	width: 16px;
	z-index: 5000;
}

#LgI-Panel {
	background: url('http://www.telefonsex.info/img/white-trans.png');
	display: none;
	position: fixed;
	right: 0;
	top: 60px;
	z-index:5000;
	width: 240px;
	padding: 10px 10px;
}

#LgI-Head {
	background: #e73e55;
	width: 100%;
}

#LgI-Head h1 {
	margin: 0;
}

fieldset#LgI-Wrap {
	background: #fff;
	border: none;
	padding: 15px 15px 15px 15px;
}

fieldset#LgI-Wrap input {
	padding: 5px 7px;
	width: 194px;
	height: 20px;
	font-family:IBM Plex Sans, Helvetica, Arial, sans-serif;
	font-size:13px; 
	font-weight:400; 
	background:#fff; 
	border:1px solid #ccc;
	margin: 0 0 10px 0;
}

fieldset#LgI-Wrap input.senden {
	padding: 5px 7px; 
	font-family:IBM Plex Sans, Helvetica, Arial, sans-serif; 
	font-size: 13px; 
	color:#fff; 
	margin: 0;
	background-color:#242424; 
	border:none; 
	cursor:pointer;
	width: auto;
	height: auto;
	clear: both;
}