@charset "utf-8";

@import url("/css/slick.css");
@import url("/css/slick-theme.css");

@import url("/css/lightcase.css");

@import url("/css/galerie.css");
@import url("/css/navigation.css");
@import url("/css/formular.css");

@import url("/css/font-awesome.min.css");

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  src: url(/fonts/OpenSans.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Orbitron';
  font-style: normal;
  font-weight: 400;
  src: url(/fonts/Orbitron.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.0.3');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.0.3') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff?v=4.0.3') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.0.3') format('truetype');
  font-weight: normal;
  font-style: normal;
}


* { margin: 0; padding: 0; }

html { background: url('/img/site/purpur-back.webp') no-repeat fixed; background-size: cover; font-size: 16px; font-family: 'Open Sans', sans-serif; color: #eee; }

h1, h2 { color: #eee; font-family: 'Orbitron'; font-size: 2.75rem; font-weight: normal; text-align: center; margin: 0 0 5px; }
#news h1 { color:#000; }
h2 		{ color: #821767; }
h3 { font-family: 'Orbitron'; font-weight: normal; font-size: 1.75rem; margin-bottom: 20px; text-transform: uppercase; }
h4 { color: #821767; font-family: 'Orbitron'; font-weight: normal; font-size: 1.4rem; margin-bottom: 20px; text-transform: uppercase; }

p { font-size: 1rem; margin-bottom: 15px; line-height: 1.5; text-align: justify;}
p a			{ color: #821767!important; }

a, a:link, a:visited { color: #eee; text-decoration: none; border: none; }
a:hover, a:focus, a:active { color: #c0c0c0!important; }
a.download, a.download:visited { color: #000; text-decoration: none; border: none; }
a.download:hover { color: #666; text-decoration: none; border: none; }

hr					{ border: none; display: block; margin: 0 0 7rem; width: 100%; }

ul li { list-style: none; }

.seitentext ul li {
    list-style: outside none none;
    margin: 5px 0 15px 35px; }

.seitentext ul li::before {
    color: #821767;
    content: "\f005";
    font-family: FontAwesome;
    margin-right: 10px;
	margin-left: -32px; 
}

hr.clear { clear: both; border: none; margin: 0; }

.center { margin: 0 auto; text-align: center; }


/* Content */

/* Startseite + Allgemein */

.news-start, .registered { background: #360028; width: 100%; height: auto; min-height: 300px; }
.registered { padding: 50px 0; }
.news-content { margin: 70px auto 0; width: 850px; padding: 0 30px; }
.news-content div { margin-bottom: 2rem; }

.fullpage { margin-bottom: 60px; }

.starttext { background: #fff; color: #000; margin-top: 0; padding: 50px 0; }
.heading { padding-bottom: 70px; }

.starttext .heading h1 { color: #000; }
.heading h2 { color: #000; }

.seitenbild { width: 460px; float: left; margin-right: 20px; }
.seitenbild img { width: 440px; border: 10px solid rgba(128, 128, 128, 0.2); }
.seitentext { width: 460px; float: left; }

.startspecial { width: 100%; height: auto; background: url('/img/site/metall.jpg') center; background-size: cover; background-repeat: no-repeat; overflow: auto; padding: 50px 0 0; }
.startspecial .heading h2 { color: #eee; }
.startspecialtext { text-align: center; }
.startspecialtext h3 { text-align: justify; }

.telefonerziehung { width: 100%; height: auto; background: #1f3c31; overflow: auto; padding: 50px 0; }
.telefonerziehung h2, .registered h2 { color: #eee; }
.telefonerziehungtext, .telefonerziehungtext p, .login, .login p { text-align: center; }
.telefonnr { font-size: 2.5rem; padding: 2rem 0 0; }
.preis { font-size: 0.825rem; }

a:link.button { background: #000; color: #eee; display: block; width: 100px; padding: 15px 35px; margin: 70px auto; text-align: center; font-size: 1.5rem; font-family: 'Open Sans', sans-serif; text-transform: uppercase; border: 7px solid rgba(128, 128, 128, 0.2); }
a:visited.button { background: #000; color: #eee; }
a:hover.button { background: #111111; color: #eee; }
a:active.button { background: #111111; color: #eee; }
a:focus.button { background: #111111; color: #eee; }

/* Member */

.mem-label { margin: 0 auto 10px; text-align: center; }
.mem-label .button { margin: 0 auto; }
.member-link { margin: 30px 0 50px; display: inline-block; width: 15%; font-family: 'Orbitron'; font-weight: normal; font-size: 1.75rem; }
.member-thumb { width: 350px; height: 350px; }
.logout { margin-top: 60px; text-align: center; }
.login form { width: 70%; margin: 0 auto; text-align: center; }
.benutzer { float: left; width: 40%; margin: 40px 20px 60px; text-align: center; }
.passwort { float: right; width: 40%; margin: 40px 20px 60px; text-align: center; }
.login-submit { clear: both; margin: 0 auto; text-align: center; }
.registered { color: #eee; }
.center { margin: 30px 0 50px; }
.fullpage p { text-align: center; }
.center .member-link { margin: 0; padding: 5px 10px; border: 1px solid #eee; }
.center a:hover { background: #eee; color: #000; }
#news .center .member-link { border: 1px solid #000; }
#news .center a:link { color: #000; }
#news .center a:visited { color: #000; }
#news .center a:hover { background: #000; color: #eee; }
#news .center a:active { color: #c0c0c0; }
#news .center a:focus { color: #c0c0c0; }

/* Unterseiten */

#profil, #news, #service, #verweise, #galerie, #kontakt, #impressum, #escort { margin-top: 0; padding: 50px 0; }

#profil, #news { background: #000; color: #eee; }
#galerie, #kontakt, #escort { background: #111111; }
#profil .heading h2, #galerie .heading h2, #kontakt .heading h2, #impressum .heading h2, #escort .heading h2 { color: #eee; }
#service, #verweise, #news { background: url('/img/site/light-stripes.jpg') center repeat; color: #000; }

.textenews { margin-bottom: 2rem; padding-bottom: 2rem; border-bottom: 5px solid #821767; }
.textenews:last-child { border-bottom: none; }
.news-date		{ color: #821767; }

#verweise .heading h1 { color: #000; font-family: 'Orbitron'; font-size: 4rem; text-align: center; margin: 0 0 5px; }
#verweise p { text-align: center; }
#verweise a, #verweise a:link, #verweise a:visited { color: #000; text-decoration: none; border: none;}
#verweise a img { max-width: 468px; }
#verweise a:hover, #verweise a:focus, #verweise a:active { color: #3c9d79; }

ul.ankernavi { border-bottom: 1px solid #000; border-top: 1px solid #000;  margin: 5rem auto; padding: 0.5rem; text-align: center; }
ul.ankernavi li { display: inline-block; list-style: none; margin-right: 5px; padding-right: 10px; border-right: 1px solid #000;}
ul.ankernavi li:last-child { border: none; }

.banner { border-bottom: 1px solid #3c9d79; margin-bottom: 2.5rem; padding-bottom: 1rem; }
.banner:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; }

p.meldung { color: #821767; border: 1px solid #821767; padding:5px; width: auto; }
p.meldung a { color: #111111; }

.datenschutz { width: 100%; }
.datenschutz ul {  margin: 0 0 1rem 2rem; }
.datenschutz ul li { list-style: square; }
iframe.piwik      { border: none; height: 150px; width: 100%; }

/* Profil Vorliebenliste */

.liste h4 { margin-top: 30px; }

.liste ul {
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2; 	-webkit-column-gap: 40px; /* Chrome, Safari, Opera */
    -moz-column-gap: 40px; /* Firefox */
    column-gap: 40px;
    font-size: 1.5rem;
    margin-bottom: 50px;
    text-align: left;
		color: #000; }

.liste ul li {
    list-style: outside none none;
    margin: 5px 0 15px 35px; }

.liste ul li::before {
    color: #821767;
    content: "\f005";
    font-family: FontAwesome;
    margin-right: 10px;
	margin-left: -32px; 
}

.liste ul:last-child { margin-bottom: 0; }

/* Gästebuch */

.pager { margin-bottom: 3rem; }
.gb-entry { margin-bottom: 0.25rem; padding: 2rem 0 2rem; border-bottom: 1px solid #b46c35; border-top: 1px solid #b46c35; }
.gb-message p, .gb-comment p { text-align: justify; }
.gb-comment { margin: 2.5rem 0 0 2rem; font-style: italic; }
.user-info { margin-bottom: 1rem; }

.new-entry a:link { width: auto; margin: 30px 0 30px; display: inline-block; padding: 5px 10px; border: 1px solid #000; color: #000; }
.new-entry a:visited { color: #000; }
.new-entry a:hover { background: #000; color: #eee; }
.new-entry a:active { color: #c0c0c0; }
.new-entry a:focus { color: #c0c0c0; }

/* Gästebuch Eintrag */

.fullpage form						{ margin: 0 auto; width: 60%; }
.fullpage .default				{ width: 100%; }
.gb_name									{ width: 100%; height: auto; line-height: auto; border: none; margin: 0 0 0.75rem; color: #000; }
.gb_field									{ width: 99%; padding-left: 1%; height: 2rem; line-height: 1.75rem; margin: 0.5rem 0 1rem; border: 1px solid #000; background: #fff; color: #000; }
.gb_field input						{ border: none; }
.gb_text									{ width: 100%; height: auto; border: none; margin-bottom: 0.75rem; }
.gb_text_field						{ width: 98%; padding: 1%; height: 15rem; border: 1px solid #000; background: #fff; color: #000; }

.gb_datum									{ position:absolute;left: -99999px; }
.gb_ca_field,
.gb_ca_pic								{ float: left; width: 45%; height: 2rem; line-height: 1.75rem; border: 1px solid #000; background: #fff; color: #000; margin: 0 1rem 2rem 0; } 
.gb_ca_field input, .gb_ca_pic input { border: none; width: 100%; }
.gb_buttonfield						{ clear: both; }
.gb-pager a								{ color: #000; }
.gb_meldung								{ width: 100%; height: auto; line-height: 3rem; text-align: center;  font-size: 1rem; color: #fff; background: #1f3c31;  }
.gb_meldung a:link				{ color: #fff; text-decoration: none; }

/* Footer */

#footer { background: #111111; color: #eee; width: 100%; text-align: center; padding: 60px 0 60px; }
#footer p { text-align: center; font-size: 2.5rem; }
#footer i { margin: 20px; }
#jusprog { margin: 50px 0 25px; }



/* #################### Desktop #################### */

@media screen and (min-width: 1281px) and (orientation: landscape) { 
	
/* Allgemein */

.page_margin {  margin: 0 auto; width: 940px; overflow:auto; }


/* Header */

#headerstart { width: 100%; height: 700px; position: relative; overflow: auto; margin-top: -120px; z-index: 2 !important; }
#headerstart img { width: 960px; text-align: center; display: block; margin: 220px auto 0; }
#header { width: 100%; height: 450px; position: relative; overflow: auto; margin-top: -120px; z-index: 2; }
#header img { width: 960px; text-align: center; display: block; margin: 150px auto 0; }

.videovorschau { width: 350px; }
	



	
}

/* #################### Desktops Breite min 960 max 1280 #################### */

@media screen and (min-width: 960px) and (orientation: landscape) and (max-width: 1280px) {

/* Allgemein */

.page_margin {  margin: 0 auto; width: 940px; overflow:auto; }


/* Header */

#headerstart { width: 100%; height: 550px; position: relative; overflow: auto; margin-top: -120px; z-index: 2 !important; }
#headerstart img { width: 960px; text-align: center; display: block; margin: 200px auto 0; }
#header { width: 100%; height: 450px; position: relative; overflow: auto; margin-top: -120px; z-index: 2; }
#header img { width: 960px; text-align: center; display: block; margin: 150px auto 0; }
	
.videovorschau { width: 350px; }
	
}
	
	
/* #################### Smartphones + Tablets quer Breite min 768 max 959 #################### */

@media screen and (min-width: 768px) and (orientation: landscape) and (max-width: 959px), screen and (orientation: portrait) and (min-width: 600px) {


/* Allgemein */

body, html { font-family: sans-serif; }

h1, h2 { color: #eee; font-size: 3rem; margin: 0 auto; padding: 15% 0 15%; text-align: center; }
h3 { font-weight: normal; font-size: 1.25rem; margin-bottom: 1.2rem; text-transform: uppercase; }
h4 { color: #9e603b; font-weight: normal; font-size: 1rem; margin-bottom: 1rem; text-transform: uppercase; }
	
.page_margin {  margin: 0 auto; width: 98%; overflow:auto; }
	

	
/* Header */

#headerstart { width: 100%; height: auto; position: relative; overflow: auto; }
#headerstart img { width: 100%; text-align: center; display: block; margin: 4% auto 4%; }
#header { width: 100%; height: auto; position: relative; overflow: auto; }
#header img { width: 100%; text-align: center; display: block; margin: 4% auto 4%; }
	
/* Content */

/* Startseite + Allgemein */

.news-start {  width: 100%; height: auto; min-height: auto; padding: 10% 0; }
.news-content { margin: 2rem auto 0; width: 80%; padding: 0 1rem; }
.news-content div { margin-bottom: 0; }

.starttext { padding: 2rem 0; }
.heading { padding-top: 1rem; padding-bottom: 1.5rem; }
.heading h2 { margin-top: 0; }

.seitenbild { width: 100%; }
.seitenbild img { width: 94%; text-align: center; margin: 0 auto 2rem; display: block; }
.seitentext { width: 100%; }

.startspecial { width: 100%; height: auto; padding: 2rem 0; }

a:link.button { width: 50%; padding: 1rem 2rem; margin: 2rem auto 2rem; text-align: center; font-size: 1.5rem; border: 7px solid rgba(128, 128, 128, 0.2); border-radius: 0; }

	
/* Unterseiten */

#profil { padding: 50px 0; }
#kontakt .seitenbild, #impressum .seitenbild { border-bottom: solid 1px #1f3c31; margin-bottom: 3rem; padding-bottom: 1rem; }
#verweise img { width: 100%; height: auto; }

.liste ul { -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2; 	-webkit-column-gap: 2rem; /* Chrome, Safari, Opera */
    -moz-column-gap: 2rem; /* Firefox */
    column-gap: 2rem; font-size: 1rem; margin: 1rem 0 3rem 1rem; }

.liste ul li {
    list-style: outside none none;
    margin: 0.5rem 0 0 1rem; }

.liste ul li::before { margin-right: 1rem; }
	



/* Footer */

#footer { padding: 2rem 0 2rem; }
#footer p { font-size: 1rem; }
#footer i { margin: 1rem; }
#jusprog { margin: 3rem 0 1rem; }
	
	
	}




/* #################### Smartphones + Tablets kleiner 768 bzw. hochkant #################### */

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 767px) { 
	
body, html { font-family: sans-serif; }
	
h1, h2 { color: #eee; font-size: 2.125rem; margin: 0 auto; padding: 10% 0 10%; text-align: center; word-wrap:break-word; }
h3 { font-weight: normal; font-size: 1.25rem; margin-bottom: 1.2rem; text-transform: uppercase; }
h4 { color: #9e603b; font-weight: normal; font-size: 1rem; margin-bottom: 1rem; text-transform: uppercase; }
	
.page_margin {  margin: 0 auto; width: 94%; overflow:auto; }
	

	
	
/* Header */

#headerstart { width: 100%; height: auto; position: relative; overflow: auto; }
#headerstart img { width: 100%; text-align: center; display: block; margin: 4% auto 4%; }
#header { width: 100%; height: auto; position: relative; overflow: auto; }
#header img { width: 100%; text-align: center; display: block; margin: 4% auto 4%; }

/* Content */

/* Startseite + Allgemein */

.news-start {  width: 100%; height: auto; min-height: auto; padding: 10% 0; }
.news-content { margin: 2rem auto 0; width: 80%; padding: 0 1rem; }
.news-content div { margin-bottom: 0; }

.starttext { padding: 2rem 0; }
.heading { padding-top: 0.75rem; padding-bottom: 1rem; }

.heading h2 { margin-top: 0; }

.seitenbild { width: 100%; }
.seitenbild img { width: 94%; text-align: center; margin: 0 auto 2rem; display: block; }
.seitentext { width: 100%; }

.startspecial { width: 100%; height: auto; padding: 2rem 0; }

a:link.button { width: 50%; padding: 1rem 2rem; margin: 2rem auto 2rem; text-align: center; font-size: 1.5rem; border: 7px solid rgba(128, 128, 128, 0.2); border-radius: 0; }

/* Unterseiten */

#profil { padding: 50px 0; }
#kontakt .seitenbild, #impressum .seitenbild { border-bottom: solid 1px #1f3c31; margin-bottom: 3rem; padding-bottom: 1rem; }
#verweise img { width: 100%; height: auto; }

.liste ul { -webkit-column-count: 1; /* Chrome, Safari, Opera */
    -moz-column-count: 1; /* Firefox */
    column-count: 1; font-size: 1rem; margin: 1rem 0 3rem 1rem; }

.liste ul li {
    list-style: outside none none;
    margin: 0.5rem 0 0 1rem; }

.liste ul li::before {
    margin-right: 1rem;

}
	
/* Member */

.mem-label { margin: 0 auto 0.5rem; text-align: center; }
.mem-label .button { margin: 0 auto; }
.member-link { margin: 2rem 0 2rem; display: inline-block; width: 38%; font-family: 'Orbitron'; font-weight: normal; font-size: 1.75rem; }
.member-thumb { width: 350px; height: 350px; }
.logout { margin-top: 60px; text-align: center; }
.login form { width: 100%; margin: 0 auto; text-align: center; }
.benutzer { float: left; width: 40%; margin: 2rem 1rem 3rem; text-align: center; }
.passwort { float: right; width: 40%; margin: 2rem 1rem 3rem; text-align: center; }
.login-submit { clear: both; margin: 0 auto; text-align: center; }
.registered { color: #eee; }
.center { margin: 2rem 0 3rem; }
.fullpage p { text-align: center; }
.center .member-link { margin: 0; padding: 1rem 1rem 0.5rem; border: 1px solid #eee; }
.center a:hover { background: #eee; color: #000; }
#news .center .member-link { border: 1px solid #000; }
#news .center a:link { color: #000; }
#news .center a:visited { color: #000; }
#news .center a:hover { background: #000; color: #eee; }
#news .center a:active { color: #c0c0c0; }
#news .center a:focus { color: #c0c0c0; }

/* Gästebuch */
	
.gb-message p, .gb-comment p { text-align: justify; }
.fullpage form	{ margin: 0 auto; width: 100%; }
.gb_field { width: 98%; }
	
/* Footer */

#footer { padding: 2rem 0 2rem; }
#footer p { font-size: 1rem; }
#footer i { margin: 1rem; }
#jusprog { margin: 3rem 0 1rem; }
	
	}