/* = edit.css
-------------------------------------------------------------- */
#edit-with-js-bin {
  /* position */
  position: fixed;
  top: 0;
  right: 5px;

  /* box-model */
  display: inline-block;
  padding: 7px 5px 8px 9px;
  border: 1px solid #999;
  border-top: 0;

  /* typography & style */
  color: #777;
  text-shadow: white 0 1px 1px;
  text-decoration: none;
  font: normal 12px 'Helvetica Neue', Arial, Helvetica;
  white-space: nowrap;
  background: #ddd;

  /* slide in/out transition */
  -webkit-transition: top ease-out 100ms;
     -moz-transition: top ease-out 100ms;
       -o-transition: top ease-out 100ms;
          transition: top ease-out 100ms;
}

#edit-with-js-bin:hover {
  color: #333;
}

#edit-with-js-bin img {
  width: 16px;
  height: 16px;
  vertical-align: top;
  border: 0;
  margin: -1px 0 0 3px;
}

@media print {
  #edit-with-js-bin {
    display: none;
  }
}


/* the overlayed element */
.simple_overlay {
 
    /* must be initially hidden */
    display:none;
 
    /* place overlay on top of other elements */
    z-index:10000;
 
    /* styling */
    background-color:#333;
 
    width:675px;
    min-height:200px;
    border:1px solid #666;
 
    /* CSS3 styling for latest browsers */
    -moz-box-shadow:0 0 90px 5px #000;
    -webkit-box-shadow: 0 0 90px #000;
}
 
/* close button positioned on upper right corner */
.simple_overlay .close {
    background-image:url(/media/img/overlay/close.png);
    position:absolute;
    right:-15px;
    top:-15px;
    cursor:pointer;
    height:35px;
    width:35px;
}

/* styling for elements inside overlay */
  .details {
  position:absolute;
  top:15px;
  right:15px;
  font-size:11px;
  color:#fff;
  width:150px;
  }
 
  .details h3 {
  color:#aba;
  font-size:15px;
  }
/* = style.css
-------------------------------------------------------------- */
html,body{height: 100%;background:url(../img/sexy-asiatische-frauen.jpg) no-repeat center center fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-color:#191919!important}
*{margin:0;padding:0}
body { font-family: 'Open Sans', Arial, Helvetica, sans-serif; }

a,
a:link,
a:active,
a:visited{color:#3d92e0;text-decoration:underline;transition: color 250ms;transition-timing-function: ease-out;}
a:hover{color:#e0993d;text-decoration:none}
.container-fluid{ position: relative!important; min-height: auto!important; width:100%!important; max-width:100%!important; text-align:center!important;padding-left:1px;padding-right:1px;margin:0;align-items:center;justify-content:center;}
.header{left:50%;font-family: 'Coda', cursive;display:inline-block;width:55%;background-color:#c648b0;text-align:center;color:#FFFFFF;font-size:31px;margin:5px;margin-top:5%;margin-right:4px;line-height: 2.22857143!important;}
.headline{width:100%!important;color:#191919;font-size:36px}
.login{float:right;padding-right:20px}
.clear{clear:both;padding:0;margin:0}
.footer{bottom:0;width:auto!important;height:30px;line-height:30px;color:#8b8989;margin-top:10px;padding-left:10px;padding-right:10px;float:left}
.footer a{color:#8b8989;font-size:80%}
#erfolg{display:none;padding:10px;font-size:18px;color:#FFFFFF;background-color:#191919}
#fehler{display:none;padding:10px;font-size:18px;color:#CF0C0F;background-color:#fccf2c}
.df_signup_open{font-weight:700;cursor:pointer}
#naviga{width:100%;text-align:center;padding-top:0px}
#vidwrap{left:50%;display:inline-block;overflow:hidden;font-size:0;margin:0;width:55%}
video{margin:0;padding:1px;width:100%;height:100%;border:1px solid #333132}
button.SignupButton {background-color:#098400 !important;}
button.SignupButton:hover {background-color:#19a90e !important;}
#myButton{font-weight:bold!important;font-family: 'Coda', Arial, Helvetica, sans-serif;text-transform:uppercase;border:1px solid #FFFFFF;font-size:28px;width:70%;line-height:30px;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;text-shadow:0 1px 0 #6A6A6A;background-color:#098400;display:inline-block;cursor:pointer;color:#FFF;padding:12px 24px;margin-top:5px;text-decoration:none;left:10px;transition: background-color 250ms;transition-timing-function: ease-out;}
#myButton:hover{background-color:#19a90e;color:#FFF}
#myButton:active{position:relative;top:1px;color:#FFF}
#semail{font-weigt:bold;color:#F12B00;font-size:18px}
.mute-video{-moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px;float:right;text-decoration:none;margin-top:5px;}
.tred { color:#fc014e; }

hr {
	width: 100%;
	height: 0;
	border: 0;
	border-bottom: 1px solid #ddd;
}

/* = interne links
-------------------------------------------------------------- */
ul.interlink {
	list-style-type: none;
	margin: 30px 0 !important;
	padding: 10px 0;
	position: relative;
	text-align: center;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}
ul.interlink:before {
	content: "⚡ Von anderen Besuchern empfohlene Seiten:";
	font-family: 'Coda', Arial, Helvetica, sans-serif;
	display: block;
}
ul.interlink li {
	margin: 2px 5px;
	padding: 0 5px;
	list-style-type: none;
	display: inline-block;
	position: relative;
	text-align: center;
	font-weight: bold;
}

/* = bundeslaender
-------------------------------------------------------------- */
ul.bllist {
	list-style-type: none;
	margin: 0;
	padding: 0;
	position: relative;
	display: inline-block;
}
ul.bllist li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: inline-block;
	position: relative;
}
ul.bllist li:after {
	content: ", ";
}
ul.bllist li:last-child:after {
	content: "" !important;
}
ul.bllist li:nth-child(3):after {
	content: " sowohl " !important;
}
ul.bllist li:nth-child(7):after {
	content: " als auch in " !important;
}
ul.bllist li:nth-child(12):after {
	content: " oder " !important;
}
ul.bllist li:nth-last-child(2):after {
	content: " und natürlich auch in " !important;
}

/* = checkliste
-------------------------------------------------------------- */

ul.checklist {
	list-style-type: none;
	text-align: left;
	position: relative;
	margin-left: 25px;
}
ul.checklist li {
	list-style-type: none;
	margin-bottom: 10px;
	padding-left: 20px;
}
ul.checklist li:before {
	content: "✅ ";
	background: none !important;
	position: absolute;
	left: -15px;
}
ul.checklist li:last-child: {
	margin-bottom: 0;
}

/* = fotos
-------------------------------------------------------------- */

.fotos {
	width: 100%;
	display: block;
	text-align: center;
	margin: 0 0 20px 0;
	padding: 0;
}

.fotos img {
	width: 14.7%;
	height: auto;
	margin: 5px;
	padding: 5px;
	background-color: #fff;
	display: inline-block;
	box-sizing: border-box;
	border-radius: 2px;
	-moz-box-shadow: 1px 1px 5px rgba(0,0,0,0.5);
	-webkit-box-shadow: 1px 1px 5px rgba(0,0,0,0.5);
	box-shadow: 1px 1px 5px rgba(0,0,0,0.5);
	filter: grayscale(50%);
	transition: all .5s ease;
	z-index: 1;
}

.fotos img:hover {
	filter: none;
	z-index: 99 !important;
}

/*=====================================================
=            SEO CONTENT                              =
=====================================================*/
.content {margin: auto!important;margin-top:70px!important;margin-bottom:50px!important;display:block;padding: 10px 30px; width: 80%; color:#333; font-size:1.2em;line-height: 1.5em; background-color: rgba(255, 255, 255, 0.9); border-radius: 5px; font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
	-moz-box-shadow: 1px 2px 5px rgba(0,0,0,0.1);
	-webkit-box-shadow: 1px 2px 5px rgba(0,0,0,0.1);
	box-shadow: 1px 2px 5px rgba(0,0,0,0.1);}
.content p{ text-align: justify; }
.content h1, .content h2{ color:#c648b0; font-weight:bold; font-family: 'Coda', Arial, Helvetica, sans-serif; }
.content h1{ font-size:1.3em; }
.content h2{ font-size:1.2em; }
.content h3{ font-size:1.1em; font-weight:bold; font-family: 'Coda', Arial, Helvetica, sans-serif; }
.content #myButton{width:50%;}
.cfooter{margin:20px 0;padding-top:10px;display:block;text-align:center;font-size:0.8em;color:#888;border-top:1px solid #eee;}




/*=====================================================
=            Bootstrap Media Queries            =
=====================================================*/


@media only screen and (min-height : 2500px) {

}

@media only screen and (max-width : 1300px) {
	#myButton,.content #myButton{ font-size:22px;width:99%; }
	.header{font-size:22px;width:55%;}	
}
@media only screen and (max-width : 1200px) {
	#vidwrap{left:60%;display:inline-block;overflow:hidden;font-size:0;margin:0;width:65%}	
	.header{font-size:22px;width:65%;}
}

@media only screen and (max-width : 979px) {
	#myButton{ font-size:20px;width:70%;}
	.fotos img {width: 14%;padding: 4px;}
}

@media only screen and (max-width : 867px) {
	#vidwrap { width: 99.5%!important; }
	.container-fluid { width: 99%!important; }
	.header{width: 99%!important;font-size:22px;}
	#myButton{ font-size:18px;width:80%;}
	.form_right {display:none; }
	.dfform-container{float:inherit; }
	.content{width: 90%!important;margin-bottom:0!important; }
	html,body{background-image:none;}
	.fotos img {width: 29%;padding: 3px;}
}

@media only screen and (max-width : 480px) {
	#myButton{ font-size:16px; }
	.content{width: 100%!important; }
	.fotos img {width: 28%;padding: 2px;}
}

@media only screen and (max-width : 320px) {
	.fotos img {width: 40%;}
}

/* = dfform.css
-------------------------------------------------------------- */
.dfform-container{color:#FFF;text-decoration:none;vertical-align:middle;min-width:320px;}
.signup{width:620px;}
#dfsignup{display:none;}

.input-container{font-weight:bolder!important;background:#191919;padding-top:2px!important;padding:14px;color:#fff;border-color:#A6A6A6;font-size:12px;}
.boxheadline{margin:10px;text-align:center;background:#191919!important;padding-top:15px;font-size:15px;line-height:20px;}
.boxheadline span {font-size: 15px; font-weight:bolder!important; color:#ffffff;}
.dfform-field{width:87%!important;border:1px solid #A6A6A6!important;background:#fff;padding:9px!important;margin-bottom:5px!important;color:#000;}
.dfform-field:focus{background:#fffff;}
.dfform-container h2{font-size:18px;margin:0 0 10px;text-align:center;}
.dfform-title{margin-top:1px;font-size:12px;}
.dfsubmit-container{margin:8px 0;text-align:right;width:100%;}
#signup_close{position:absolute;right:-12px;z-index: 100;top:-17px;background-color:#b3b3b3;-webkit-border-radius:200px;border-radius:200px;}
#signupL{float:left;cursor:pointer;}
#loginL{float:left;display:none;cursor:pointer;}

.well{margin-bottom:20px!important;padding:1px!important;background-color:#191919!important;border:1px solid #333132!important;border-radius:1px!important;}
.form_right img{width:100%;}
.form_left{width:320px!important;float:left;min-height:300px;}
.form_right{width:290px!important;float:right;min-height:300px;}
.formnav{width:100%;line-height:40px;}
.form_left { min-height:388px; position:relative;}
.loginfo{bottom: -1px!important;position: absolute;color:#c9c8c8;background-color:#333232!important;width:100%!important;text-align:center;min-height:65px;padding-top:12px;}
.signupinfo{bottom: -1px!important;position: absolute;color:#c9c8c8;background-color:#333232!important;width:100%!important;text-align:center;min-height:65px;padding-top:12px;}

.mySubmitButton {border: none;font-size:16px;line-height:36px;background:#333232!important;-webkit-border-radius:2;-moz-border-radius:2;border-radius:2px;color:#fff;text-decoration:none;width:100%;vertical-align:text-bottom!important;}
.SignupButton {border: none;font-size:16px;line-height:36px;background:#c648b0!important;-webkit-border-radius:2;-moz-border-radius:2;border-radius:2px;color:#fff;text-decoration:none;width:100%;vertical-align:text-bottom!important;}
.libtn{display:inline;text-align:center;width:120px;float:left;background:#333232;}
.subtn{text-align:center;width:auto!important;background:#c648b0;}
.libtn2{font-size:16px;line-height:32px;cursor:pointer;}
.libtn2 img{width:34px!important;height:30px!important;}
.subtn2{font-size:16px;line-height:32px;cursor:pointer;}
.subtn2 img{width:34px!important;height:30px!important;}

#field_sm{ margin-bottom:10px;}
#field2_pw{ margin-bottom:10px;}
#field_un{ margin-bottom:10px;}
#field2_sm{ margin-bottom:10px;}
#field2_un{ margin-bottom:10px;}
#field_un span:before{background:url("../img/profile.png") no-repeat center #333232;border:inset 6px transparent;background-size:contain;box-sizing:border-box;content:""!important;display:block!important;width:34px!important;height:36px!important;float:left!important;}
#field_sm span:before{background:url("../img/email.png") no-repeat center #333232;border:inset 3px transparent;background-size:contain;box-sizing:border-box;content:""!important;display:block!important;width:34px!important;height:36px!important;float:left!important;}
#field2_un span:before{background:url("../img/profile.png") no-repeat center #333232;border:inset 6px transparent;background-size:contain;box-sizing:border-box;content:""!important;display:block!important;width:34px!important;height:36px!important;float:left!important;}
#field2_pw span:before{background:url("../img/locked.png") no-repeat center #333232;border:inset 5px transparent;background-size:contain;box-sizing:border-box;content:""!important;display:block!important;width:34px!important;height:36px!important;float:left!important;}

#tos_register{color:#8b8989;width:10px!important;height:10px!important;transform:scale(1.5);margin-right:5px;}
#tos{color:#8b8989;}
#tos a, #tos a:visited{color:#8b8989;}
.dferror{clear:both;color:#f54040;font-size:100%;font-weight:bolder!important;line-height:22px;}
#erfolg{line-height:normal;display:none;padding:10px;font-size:18px;color:#ffffff;background-color:#191919;}
#fehler{display:none;padding:10px;font-size:18px;color:#CF0C0F;background-color:#191919;}
#semail { font-weigt: bold; color: #f54040; font-size: 28px;}

@media only screen and (max-width : 767px) { .form_right {display:none; } .dfform-container{float:inherit; } }