@charset "UTF-8";
/* CSS Document */

/* pt-sans-narrow-regular - latin */
@font-face {
  font-family: 'PT Sans Narrow';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/pt-sans-narrow-v17-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/pt-sans-narrow-v17-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/pt-sans-narrow-v17-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/pt-sans-narrow-v17-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/pt-sans-narrow-v17-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/pt-sans-narrow-v17-latin-regular.svg#PTSansNarrow') format('svg'); /* Legacy iOS */
}
/* pt-sans-narrow-700 - latin */
@font-face {
  font-family: 'PT Sans Narrow';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/pt-sans-narrow-v17-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/pt-sans-narrow-v17-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/pt-sans-narrow-v17-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/pt-sans-narrow-v17-latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/pt-sans-narrow-v17-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/pt-sans-narrow-v17-latin-700.svg#PTSansNarrow') format('svg'); /* Legacy iOS */
}

/* amatic-sc-regular - latin */
@font-face {
  font-family: 'Amatic SC';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/amatic-sc-v24-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/amatic-sc-v24-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/amatic-sc-v24-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/amatic-sc-v24-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/amatic-sc-v24-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/amatic-sc-v24-latin-regular.svg#AmaticSC') format('svg'); /* Legacy iOS */
}
/* amatic-sc-700 - latin */
@font-face {
  font-family: 'Amatic SC';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/amatic-sc-v24-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/amatic-sc-v24-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/amatic-sc-v24-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/amatic-sc-v24-latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/amatic-sc-v24-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/amatic-sc-v24-latin-700.svg#AmaticSC') format('svg'); /* Legacy iOS */
}


h1 {
font-family: 'PT Sans Narrow', sans-serif;
font-size:2em;
color: #ed6672;
text-transform:uppercase;
line-height:1.1em;	
	
}

h2 {
font-family: 'PT Sans Narrow', sans-serif;
font-size:160%;
color: #ed6672;
text-transform:uppercase;
line-height:1.1em;	
	
}

h3 {
font-weight:700;
font-size:1.5em;
line-height:1.2em;
color: #ed6672;
}

h4 {
font-family: 'PT Sans Narrow', sans-serif;
font-size:1.4em;
color: #ed6672;
	
}


p {
font-size:1.2em;
line-height:1.4em;
letter-spacing:.03em;
color:#727083;
	
}

li {
font-size:1.2em;
line-height:1.4em;
letter-spacing:.03em;
color:#727083;
	
}


sub {
font-family: 'Amatic SC', cursive;
color:#ed6672;
font-size:1.8em;
line-height:1.4em;
}

ul { 
   padding-left: 1em;
}

zwiti {
font-size:1.2em;
line-height:1.2em;
font-weight:700;
color:#727083;
}

a:link {
color:#ed6672;
text-decoration:none;
}

a:visited {
color:#ed6672;
text-decoration:none;
}

a:hover, active {
color:black;
}

:-moz-placeholder {
    color: #ed6672;
}
 
::-webkit-input-placeholder {
    color: #ed6672;
}



/*Container */

#mapi {
display:none;
}


.top {
position:relative;
width:100%;
z-index:100;
height:auto;
/*background-color: #fce8ea;*/
}

.block {
position:relative;
width:80%;
padding: 0 10% 0 10%;
height:auto;
color:#808890;
margin-bottom:36px;
}

.zentral {
text-align:center;
}

.links {
text-align:left;
}

.backROSE {
background-image: url("/pix/back_rosa_G.jpg");
background-size:cover;
}

.backROSA {
background-image: url("/pix/backROSA.jpg");
background-size:cover;
}

.backROSE900 {
background-image: url("/pix/backROSE900.jpg");
}

.backROT {
background-color: #ed6672;
}

.block2 {
width:80%;
padding: 0 10% 0 10%;
height:auto;
color:#808890;
margin-bottom:36px;
}

.blockFARBE {
position:relative;
width:80%;
padding: 20px 10% 20px 10%;
height:auto;
color:black;
margin-bottom:36px;
}

.blauTAPETE {
background-image: url("/pix/back_blau_G.jpg");
background-size: contain;
}

.blauWAND {
background-image: url("/pix/bach_blau_V.jpg");
}



/* Media Querys */
@media only screen and (max-width: 1199px) {
	.desktop {
	display:none;
	}
	
	body {
width:100%;
font-family: 'PT Sans Narrow', sans-serif;
text-align:center;
margin:0 0 0 0;
}

/* Kontaktformular */

.contact_form p, .contact_form label {
font-size:.8em;
}
.form_hint, .required_notification {
font-size: 11px;
}

.contact_form ul {

    list-style-type:none;
    list-style-position:outside;
    margin:0px;
    padding:0px;
}
.contact_form li{
    padding:12px; 
/*    border-bottom:1px solid #eee;*/
    position:relative;
}

.contact_form label {
    width:60px;
    margintop: 3px;
    display:inline-block;
    float:left;
    padding:3px;
}
.contact_form input {
    height:20px; 
    width:220px; 
    padding:5px 8px;
    font-size:.7em;
}

input[type="checkbox"] {
  position: absolute;
  left: 60px;
}
input[type="checkbox"]+label::before {
  width: 15px;
  height: 15px;
  border-radius: 5px;
  border: 2px solid #8cad2d;
  background-color: #fff;
  display: block;
  content: "";
  float: left;
  margin-right: 5px;
}
input[type="checkbox"]:checked+label::before {
  box-shadow: inset 0px 0px 0px 3px #fff;
  background-color: #8cad2d;
}

.contact_form textarea {
padding:8px; width:220px;
height:110px;
font-size:.7em;
}
.contact_form button {
margin-left:65px;
}

.contact_form input, .contact_form textarea { 
    border:1px solid #aaa;
    box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;
    border-radius:2px;
}
.contact_form input:focus, .contact_form textarea:focus {
    background: #fff; 
    border:1px solid #555; 
    box-shadow: 0 0 3px #aaa; 
}
/* Button Style */
button.submit {
width:150px;
height:60px;
margin-top:50px;
margin-bottom:50px;
    background-color: #ed6672;
    background: -webkit-gradient(linear, left top, left bottom, from(#ed6672), to(#ed6672));
    background: -webkit-linear-gradient(top, #ed6672, #ed6672);
    background: -moz-linear-gradient(top, #ed6672, #ed6672);
    background: -ms-linear-gradient(top, #ed6672, #ed6672);
    background: -o-linear-gradient(top, #ed6672, #ed6672);
    background: linear-gradient(top, #ed6672, #ed6672);
    border: 1px solid #ed6672;
    border-bottom: 1px solid #ed6672;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;

    color: white;
    font-weight: bold;
    font-size:20px;
    padding: 6px 20px;
    text-align: center;
    text-shadow: 0 -1px 0 #396715;
}
button.submit:hover {
    opacity:.85;
    cursor: pointer; 
}
button.submit:active {
    border: 1px solid #ed6672;
    box-shadow: 0 0 10px 5px #356b0b inset; 
    -webkit-box-shadow:0 0 10px 5px #356b0b inset ;
    -moz-box-shadow: 0 0 10px 5px #356b0b inset;
    -ms-box-shadow: 0 0 10px 5px #356b0b inset;
    -o-box-shadow: 0 0 10px 5px #356b0b inset;
}

.contact_form input:focus:invalid, .contact_form textarea:focus:invalid { /* when a field is considered invalid by the browser */
    background: #fff url(pix/invalid.png) no-repeat 98% center;
    box-shadow: 0 0 5px #d45252;
    border-color: #b03535
}

.contact_form input:required:valid, .contact_form textarea:required:valid { /* when a field is considered valid by the browser */
    background: #fff url(pix/valid.png) no-repeat 98% center;
    box-shadow: 0 0 5px #5cd053;
    border-color: #28921f;
}

	#foo {
	background-image: url("/pix/up.png");
background-size:cover;
	display:none;
	color:white;
	position:fixed;
	bottom:30px;
	right:20px;
	width:40px;
	height:40px;
	z-index:200;
	-webkit-box-shadow: 3px 3px 5px 3px rgba(0,0,0,0.56); 
box-shadow: 3px 3px 5px 3px rgba(0,0,0,0.56);
	}

}

/* ++++++ DESKTOP ******* */
@media only screen and (min-width: 1200px) {


	.mobile {
	display:none;
	}
	body {
	width:100%;
	font-family: 'PT Sans Narrow', sans-serif;
	text-align:center;
margin:0 auto 0 auto;
	}
	
	.content {
	width:60%;
	padding-left:20%;
	padding-right:20%;
	}
	
	.einzug {
	margin: 0 20% 0 20%;
	}
	
	.menue {
	font-size:16px;
	letter-spacing:3px;
	text-transform:uppercase;
	color: #ed6672;
	line-height:40px;
	word-spacing:25px;
	}
	
	#foo {
	background-image: url("/pix/up.png");
background-size:cover;
	display:none;
	color:white;
	position:fixed;
	bottom:10px;
	right:10px;
	width:40px;
	height:40px;
	z-index:200;
	-webkit-box-shadow: 3px 3px 5px 3px rgba(0,0,0,0.56); 
box-shadow: 3px 3px 5px 3px rgba(0,0,0,0.56);
	}
	
	/* Kontaktformular */

.contact_form p, .contact_form label {
font-size:.8em;
}
.form_hint, .required_notification {
font-size: 11px;
}

.contact_form ul {

    list-style-type:none;
    list-style-position:outside;
    margin:0px;
    padding:0px;
}
.contact_form li{
    padding:12px; 
/*    border-bottom:1px solid #eee;*/
    position:relative;
}

.contact_form label {
    width:100px;
    margintop: 3px;
    display:inline-block;
    float:left;
    padding:3px;
}
.contact_form input {
    height:20px; 
    width:420px; 
    padding:5px 8px;
    font-size:.7em;
}

input[type="checkbox"] {
  position: absolute;
  left: 100px;
}
input[type="checkbox"]+label::before {
  width: 15px;
  height: 15px;
  border-radius: 5px;
  border: 2px solid #8cad2d;
  background-color: #fff;
  display: block;
  content: "";
  float: left;
  margin-right: 5px;
}
input[type="checkbox"]:checked+label::before {
  box-shadow: inset 0px 0px 0px 3px #fff;
  background-color: #8cad2d;
}

.contact_form textarea {
padding:8px; width:420px;
height:110px;
font-size:.7em;
}
.contact_form button {
margin-left:265px;
}

.contact_form input, .contact_form textarea { 
    border:1px solid #aaa;
    box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;
    border-radius:2px;
}
.contact_form input:focus, .contact_form textarea:focus {
    background: #fff; 
    border:1px solid #555; 
    box-shadow: 0 0 3px #aaa; 
}
/* Button Style */
button.submit {
    background-color: #ed6672;
    background: -webkit-gradient(linear, left top, left bottom, from(#ed6672), to(#ed6672));
    background: -webkit-linear-gradient(top, #ed6672, #ed6672);
    background: -moz-linear-gradient(top, #ed6672, #ed6672);
    background: -ms-linear-gradient(top, #ed6672, #ed6672);
    background: -o-linear-gradient(top, #ed6672, #ed6672);
    background: linear-gradient(top, #ed6672, #ed6672);
    border: 1px solid #ed6672;
    border-bottom: 1px solid #ed6672;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;

    color: white;
    font-weight: bold;
    padding: 6px 20px;
    text-align: center;
    text-shadow: 0 -1px 0 #396715;
}
button.submit:hover {
    opacity:.85;
    cursor: pointer; 
}
button.submit:active {
    border: 1px solid #ed6672;

}

.contact_form input:focus:invalid, .contact_form textarea:focus:invalid { /* when a field is considered invalid by the browser */
    background: #fff url(pix/invalid.png) no-repeat 98% center;
    box-shadow: 0 0 5px #d45252;
    border-color: #b03535
}

.contact_form input:required:valid, .contact_form textarea:required:valid { /* when a field is considered valid by the browser */
    background: #fff url(pix/valid.png) no-repeat 98% center;
    box-shadow: 0 0 5px #5cd053;
    border-color: #28921f;
}

}