html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}

body           {background-color: #1b0b3b;}

/* nav bar */

.center-head   {width:56%; float:none; margin:0px auto}
.top-bar       {width:100%; height:75px; float:left; margin-top: 24px;}
.logo          {float:left; cursor: pointer; width: 320px; height:96px; background-image: url('../images/logo.jpg');}
.btn-right     {float:right}
.btn-help      {border:1px solid #ee46bc; padding:11px 35px 11px 35px; font-size: 20px; float:left; color:white; }
.btn-help      {font-family: "Roboto", sans-serif; text-decoration: none; font-weight: 800; margin-top: 24px;}
.btn-help      {-webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; cursor:pointer}
.btn-help:hover{background-color:#ee46bc}
.phone-nav     {width: 49px; height: 38px; float:right; margin: 28px 0px 0px 35px; background-image: url('../images/mobile_nav.png');}
.phone-nav:hover{background-image: url('../images/mobile_nav_white.png');}


/* titel */

.center-container{width:66%; float:none; margin:0px auto}
.titel          {float:left; margin-top: 105px;}
.titel2         {float:left; margin-top: 105px; text-align: center;}
.btn-schreiben  {width:100%;  float:left;  margin-top: 80px; text-align: center;}

.btn-write      {border:1px solid #ee46bc; padding:18px 35px 18px 35px; font-size: 20px; float:left; color:white; }
.btn-write      {font-family: "Roboto", sans-serif; text-decoration: none; font-weight: 800; margin-top: 13px; width:56%; float:none; margin:0px auto}
.btn-write      {-webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; cursor:pointer;}
.btn-write      {background-image: linear-gradient(63deg, #ff00b3, #50f);}
.btn-write:hover{background-image: linear-gradient(63deg, #50f, #ff00b3);}
h1              {font-family: "Roboto", sans-serif; font-weight: 800; font-size: 56px; color:white; text-align: center; cursor:default}
h2              {font-family: "Roboto", sans-serif; font-weight: 400; font-size: 18px; color:white; text-align: center; cursor:default}
h3              {font-family: "Roboto", sans-serif; font-weight: 400; font-size: 26px; color:white; text-align: center; cursor:default; display: inline-block;}
h3              {padding:5px 15px 5px 15px}
h3              {background-image: linear-gradient(63deg, #ff00b3, #50f);}

h3              {-webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px;}
.impressum      {font-family: "Roboto", sans-serif; font-weight: 400; font-size: 20px; color:rgb(54, 54, 54); text-align:justify; line-height: 28px; cursor:default}
.pink           {color:#ee46bc}

/* contact */

.center-contact {width:66%; float:none; margin:0px auto}
.center-abschicken{width:246px; float:none; margin:0px auto}
.formular       {width:58%; float:none; margin:0px auto}
.field01        {width:100%; float:left; margin-bottom: 22px; margin-top: 50px;}
.field02        {width:100%; float:left; margin-bottom: 22px;}

.btn-write2     {border:1px solid #ee46bc; padding:18px 28px 18px 28px; font-size: 20px; float:left; color:white; }
.btn-write2     {font-family: "Roboto", sans-serif; text-decoration: none; font-weight: 800; margin-top: 13px;}
.btn-write2     {-webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; cursor:pointer;}
.btn-write2     {background-image: linear-gradient(63deg, #ff00b3, #50f);}
.btn-write2:hover{background-image: linear-gradient(63deg, #50f, #ff00b3);}

.field-cont{width:100%;  height: 50px; font-family: "Roboto", sans-serif; font-size: 18px;}
.field-cont{-webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; padding-left: 2%; border:none}
.field-txt {width:98%;  height: 350px; font-family: "Roboto", sans-serif; font-size: 18px; padding-top: 2%; }
.field-txt {-webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; padding-left: 2%; border:none; padding-right: 2%;}
input:focus {
    outline:none;
}
textarea:focus {
    outline:none;
}

/* footer */

.center-footer {width:33%; float:none; margin:0px auto; text-align: center;}
.footer        {float:left; width:100%; margin: 70px 0px 30px -7px; }
.btn-footer    {font-family: "Roboto", sans-serif; font-weight: 400; font-size: 15px; color:white; text-decoration: underline; margin-left: 2%; margin-top: 100px;}
.btn-footer:hover{text-decoration: none}

.center-pic01 {width:906px; float:none; margin:00px auto;}
.picture01    {float:left; margin-top: 70px;}
.center-pic02 {width:906px; float:none; margin:00px auto;}
.picture02    {float:left; margin-top: 70px;}

/* window */


.open-window   {position: fixed; width:108%; cursor:auto; z-index: 1000; float:none;}
.center-window {width:45%; float:none; margin:5% auto}
.white-paper   {width:100%; float:left;  padding:3% 4% 3% 4%; background-color:white; -webkit-box-shadow: 2px 2px 80px -1px #F055FF;}
.white-paper   {-webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; box-shadow: 2px 2px 80px -1px #F055FF; }
.paper-bar     {width:100%; float:left; border-top:1px solid gray; margin-bottom: 1%;}
.close-window  {float:right; margin:0px -50px 0px 0px}
.btn-close     {font-size:16px; font-family: "Roboto", sans-serif; font-weight: 700; text-decoration: underline; color:white}

/* cookies datenschutz */


.fenster1  {width:100%;height:100%; position: fixed; display:none;}
.popup1    {width:35%; position:fixed; margin:1.2% 1.2% 1.2% 1.2%; background-color:white; bottom:20px; right:20px}
.popup1    {-webkit-border-radius: 6px; -moz-border-radius: 6px;border-radius: 6px; border:1px solid rgba(0,0,0,0.09); margin-top:3.0%}
.popup1    {padding:1.2% 1.2% 1.2% 1.2%;}
.popup1    {-webkit-transition: all 0.3s ease; transition: all 0.3s ease; // set animation;}
.cook_txt  {font-size:18px; color:black; font-family: "Roboto", sans-serif; font-weight:400; line-height: 26px; cursor: default;}
.ok        {padding:8px 10px 8px 10px; background-color:#ee46bc; float: none; position: relative;  -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;}
.ok        {color:white; font-family: 'Open Sans', sans-serif; font-weight:600; clear:both; display:inline-table}
.ok:hover  {background-image: -webkit-linear-gradient(#656565 0%, #000000 100%)}
.ok:hover  {background-image: -moz-linear-gradient(#656565 0%, #000000 100%)} 
.ok:hover  {background-image: -o-linear-gradient(#656565 0%, #000000 100%)} 
.ok:hover  {background-image: linear-gradient(#656565 0%, #000000 100%)}
.blue_a    {text-decoration:underline; color:#ee46bc; font-weight:700}
.blue_a:hover  {color:black}   



/* responsive */

@media screen and (max-width: 1150px) {
.btn-help  {display:none}
}


@media screen and (max-width: 1030px) {

.center-head  {width:320px; float:none; margin:0px auto}
.btn-help     {display:none}
.logo         {float:none; width:320px; vertical-align: middle; }
.popup1       {padding:2% 2% 2% 2%;}
.phone-nav    {width: 49px; height: 38px; position: fixed!important; right:20%; top:24px!important}
}

@media screen and (max-width: 920px) {
.center-pic01 {width:100%; float:none; margin:0px auto;}
.picture01 {width: 100%}
.picture01 img {width: 100%;}
.center-pic02 {width:100%; float:none; margin:0px auto;}
.picture02 {width: 100%}
.picture02 img {width: 100%;}		
}

@media screen and (max-width: 800px) {
.formular       {width:80%; float:none; margin:0px auto}
}

@media screen and (max-width: 750px) {
.center-window {width:65%; float:none; margin:5% auto;}
.white-paper   {width:100%; float:left;  padding:3% 4% 3% 4%; background-color:white; -webkit-box-shadow: 2px 2px 80px -1px #F055FF; margin-left: -7%;}
}

@media screen and (max-width: 580px) {

h1   {font-family: "Roboto", sans-serif; font-weight: 800; font-size: 40px; color:white; text-align: center; cursor:default}
h2   {font-family: "Roboto", sans-serif; font-weight: 400; font-size: 22px; color:white; text-align: center; cursor:default; margin-top: 7%;}
	
}

@media screen and (max-width: 450px) {

h1   {margin-left: -10%;}
h2   {margin-left: -10%;}
h3   {margin-left: -10%;}

.btn-write      {border:1px solid #ee46bc; padding:15px 15px 15px 15px; font-size: 17px; float:left; color:white; }
.btn-write      {font-family: "Roboto", sans-serif; text-decoration: none; font-weight: 600; margin-top: 13px; width:56%; float:none; margin:0px auto}
.btn-write      {-webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; cursor:pointer;}
.btn-write      {background-image: linear-gradient(63deg, #ff00b3, #50f);}
.btn-write:hover{background-image: linear-gradient(63deg, #50f, #ff00b3);}
.formular       {width:100%; float:none; margin:0px auto; margin-left: 0%;}
.titel2         {margin-left: 5%;}
.impressum      { font-size: 14px; color:rgb(54, 54, 54); text-align:left; line-height: 20px; cursor:default} 		
}