/* HausNotruf Aachen */


html { margin: 0; padding: 0; overflow-y: scroll; } 
body {	background: #ededed; margin: 0; text-align: center; font-family: 'Source Sans Pro', sans-serif; line-height: 1.4; color: #3c3c3b;}
select, input, textarea, td, th {	font: 14px 'Source Sans Pro', sans-serif; 	}
.clr { clear: both; }
img {	border: none; }
form br {	clear: both;}
strong {	font-weight: normal; color: #EB1A26; }

@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@600&display=swap');

a { color: black; }
input.inputsubmit:focus, input.inputsubmit:active, img:active, img:focus, a:active, a:focus { outline: none; }
a:hover { 	}
.klein { 	font-size: 11px; }
.gross { 	font-size: 24px; }
.fliessr { 	float: right; margin: 0 0 10px 10px; }
.fliessl { 	float: left; margin: 0 10px 10px 0; }

h1 { font-size: 32px; margin: 0 0 10px 0; color: #333333; font-weight: normal; font-family: 'Source Sans Pro', sans-serif; line-height: 1.1em; letter-spacing: -0.02em; font-weight: 600;}
h2 { font-size: 20px; margin: 0 0 10px 0; color: #3c3c3b; font-family: 'Source Sans Pro', sans-serif; }
h3 { font-size: 16px; margin: 0 0 16px 0; color: #3c3c3b; font-family: 'Source Sans Pro', sans-serif;}
h4 { font-size: 12px; margin: 0 0 3px 0;font-family: 'Source Sans Pro', sans-serif;  }
p {	margin: 0 0 12px 0;  }
ul { margin-bottom: 12px; }
.red, .rot { 	color: #CC0033; }

div.rund {
  display: flex;
  float: right;
  margin-top: -75px !important;
  margin-right: 40px !important;
  background-color: #e30613;
  height: 80px;
  width: 80px;
  position: relative;
  z-index: 5; 
  border: solid #fff 1px;
  border-radius: 999px;
  text-align: center;
  line-height: 18px;
  box-shadow: 0px 0px 13px 3px #0000004d;}

div.rund2 {
    display: flex;
    float: right;
    margin-top: 0px !important;
    margin-right: 20px !important;
    background-color: #e30613;
    height: 80px;
    width: 80px;
    position: relative;
    z-index: 5;
    border: solid #fff 1px;
    border-radius: 999px;
    text-align: center;
    line-height: 18px;
    box-shadow: 0px 0px 13px 3px #0000004d;}


.preis {
    padding-top: 22px;
    padding-left: 8px;
}


.preis2 {
    padding-top: 12px;
    padding-left: 15px;
}
.zeit {text-align: center;
font-size: 14px;}

.ergänzung {text-align: center;
font-size: 10px;
line-height: 10px;
margin-left: -2px;
    margin-top: -8px;
font-weight: 700;}


.follow ul {list-style: none;}
.follow ul li::before {
    content: "\2022";
    color: #e30613;
    display: inline-block;
    width: 0.7em;
    margin-left: -1em;
    font-weight: bold;
    font-size: 20px;
    line-height: 10px;
}

#wrapper ul {list-style: none;}

#wrapper ul li::before{
    content: "\2022";
    color: #e30613;
    display: inline-block;
    width: 0.7em;
    margin-left: -0.7em;
    font-weight: bold;
    font-size: 20px;
    line-height: 10px;
}



.button1 {
  	  background-color: #e30613; 
  	  border: none; border-radius: 5px; 
  	  color: white; 
  	  padding: 25px 10px 6px 25px;
      text-align: left;
      text-decoration: none;
      display: inline-block;
      margin: 4px 2px 0px 0px;
      cursor: pointer;
      font-weight: 600;
      font-family: 'Source Sans Pro', sans-serif;
      line-height: 1em;
      }
.button2 {
  	  background-color: #b0b0b0;
      border: none;
      border-radius: 5px;
      color: white;
      padding: 16px 16px 6px 10px;
      text-align: left;
      text-decoration: none;
      display: inline-block;
      margin: 4px 2px 0px 0px;
      cursor: pointer;
      font-weight: 600;
      font-family: 'Source Sans Pro', sans-serif;
      line-height: 1em;
      }
.button3 {
  	  background-color: #e30613; 
  	  border: none; border-radius: 5px; 
  	  color: white; 
  	  padding: 16px 16px 6px 16px;
      text-align: left;
      text-decoration: none;
      display: inline-block;
      margin: -10px 0px 0px 36px;
      cursor: pointer;
      font-weight: 600;
      font-family: 'Source Sans Pro', sans-serif;
      line-height: 1em;
      }
.box {
  	  background-color: #e30613;
      border: none;
      border-bottom-left-radius: 0px;
      border-bottom-right-radius: 0px;
      border-top-left-radius: 20px;
      border-top-right-radius: 20px;
      color: white;
      padding: 15px 5px 15px 15px;
      width: 410px;
      text-align: left;
      text-decoration: none;
      display: inline-block;
      margin: 4px 2px 10px 0px;
      font-family: 'Source Sans Pro', sans-serif;
      line-height: 1em;
      letter-spacing: -0.03em;
      position: relative;
      z-index: 1;
      }

div#container2 { width: 960px; margin: 0 auto; text-align: left; background: white; }
div#header { text-align: right; padding:  20px 30px 24px 30px; background: repeat-x bottom url(../bilder/bg-header.gif) white; }
div#claim img.paar { float: right; }
div#claim h1 { padding: 35px 0 10px 40px; }
div#claim h2 { padding: 0px 0 15px 40px; font-size: 14px;}
div#claim img.conv { padding: 0px 0 0px 40px; }
div#claimfollow h1 { padding: 22px 0 3px 40px; }

div.start2 {
    background: no-repeat url(../bilder/Update2020/hintergrund.gif) #dddddd;
    clear: both;
    padding: 45px 0 20px 40px;+
}
div.start21 { float: left; width: 407px; margin-right: 70px;  }
div.start22 { float: right; width: 405px;  }
div.start22 li { margin-bottom: 10px; }
div.start22 ul { margin-top: 24px; margin-bottom: 24px; }

div.start3 {clear: both; padding: 0px 0 20px 40px; }
div.start31 { float: left; width: 437px; margin-right: 70px;  }
div.start32 { float: right; width: 405px;  }
div.start3 li { margin-bottom: 10px; }
div.start3 ul { margin-top:  20px; margin-bottom: 20px; }
 .logo2 { float: left; margin: 0 15px 60px 0;  }

div#footer {
    width: 960px;
    margin: 0 auto;
    text-align: left;
    background: #b9b9b9;
    color: #000000;
    font-size: 11px;
    padding-bottom: 15px;
    min-height: 260px;
}

div#footer a {
    color: #000000;
    text-decoration: none;
}
div#footer h2 {font-weight: normal;font-size: 15px;}
div#footer .foot1 { padding: 20px 20px 20px 58px; float: left; width: 360px; }
div#footer .foot1 ul { list-style: none; margin: 0 20px 0 0; padding: 0; float: left; }
div#footer .foot1 li { margin: 0; padding: 0; }
div#footer .foot2 { padding: 20px 20px 20px 0px; float: left; width: 270px; }
div#footer .foot2 ul { list-style: none; margin: 0 20px 0 0; padding: 0; float: left; }
div#footer .foot2 li { margin: 0; padding: 0; }
div#footer .foot3 { padding: 20px 20px 20px 0px; float: left; width: 200px; }

div#footer2 {text-align: left; width: 990px; margin: 0 auto; padding: 12px 10px; font-size: 11px; color: #848484; line-height: 1.2 }
div#footer2 img { float: left; margin: 0 15px 0 25px; }
div#footer2 h4, div#footer2 a { color: #848484; text-decoration: none; }
div#footer2 a:hover { text-decoration: underline; }
div.caritas { width: 440px; }
div.impressum { width: 140px; float: right; padding-top: 17px; }

.zitat {	margin: 50px 0 10px 38px; }

.zitat1 {
    padding: 40px 20px 30px 20px;
    font-size: 22px;
    background-color: #fff;
    margin-bottom: 0px;
    margin-left: 70px;
    margin-right: 70px;
    border-radius: 30px;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
    border-bottom-left-radius: 30px;
    box-shadow: 10px 10px 12px #00000096;
}

.zitat2 {
    padding: 40px 0px 30px 20px;
    font-size: 22px;
    background-color: #fff;
    margin-bottom: 0px;
    margin-left: 70px;
    margin-right: 70px;
    border-radius: 30px;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
    border-bottom-left-radius: 30px;
    box-shadow: 10px 10px 12px #00000096;
}
.zeichen {
    margin: ;
    margin-bottom: -30px;
    padding-top: 50px;
    padding-left: 47px;
}

.zeichen_unten {

    padding-left: 270px;
    margin-top: -30px;

}

.zeichen_unten2 {
    padding-left: 180px;
    margin-bottom: -45px;
}

div.follow {background: no-repeat url(../bilder/Update2020/follow_hintergrund.gif) #D5DAEC; clear: both; padding: 45px 0 20px 40px;  }
div.follow h2 { font-size: 20px; margin: 0 0 5px 0; color: #EB1A26;n }
div.follow1 { float: left; width: 447px; margin-right: 30px; }
div.follow2 { float: right; width: 443px; }
div.follow2-inner { padding-left: 38px; padding-right: 50px; }
div.follow2 li { margin-bottom: 10px; }
div.follow2 ul { margin-top: 0px; margin-bottom: 20px; }

div.basispaket {
    background-color: #ededed;
    padding: 10px 10px 10px 10px;
    border-radius: 5px;
    width: 410px;
    margin-bottom: 30px;
    margin-top: -5px;
}
div.basispaket p {  margin-bottom: 6px;	}
div.basispaket li {  margin-bottom: 6px;	}

div.servicepaket {
	background-color: #ededed;
	padding: 10px 10px 10px 10px;
	border-radius: 5px;
	width: 410px;
}
div.servicepaket li {  margin-bottom: 6px;	}
div.servicepaket strong { color: black; font-weight: bold;	}
div.servicepaket p.serv1 { background-color: #D8D8D8 ; margin: 28px 20px 0 15px; padding-bottom: 10px; padding-top: 10px; padding-left: 10px; border-radius: 5px; }
div.servicepaket p.serv2 { background-color: #D8D8D8 ; margin: 28px 20px 0 15px; padding-bottom: 10px; padding-top: 10px; padding-left: 10px; border-radius: 5px; }
div.servicepaket p {  margin-bottom: 6px;	}
div.servicepaket p.serv3 { background-color: #D8D8D8 ; margin: 28px 20px 0 15px; padding-bottom: 10px; padding-top: 10px; padding-left: 10px; border-radius: 5px; }
div.servicepaket, div.basispaket {border-bottom-left-radius: 30px; border-bottom-right-radius: 30px; border-top-left-radius: 0px; border-top-right-radius: 0px;}
div.servicepaket p.bearbeitung { margin: 40px 0 10px 0 }

div.hnrfunktion { width: 360px; line-height: 1.4; margin-top: 20px; }

fieldset {	margin: 20px 0 0 0; border: none; padding: 0; line-height: 2; }
label { display: block; margin: 10px 0 -5px 0; }
input.inptxt { 	width: 323px; background: no-repeat url(../bilder/inputtext.gif); padding: 15px 17px; font-size: 17px; margin-left: -15px; border: none; }
textarea { 	width: 323px; background: no-repeat url(../bilder/textarea.gif); padding: 15px 17px; font-size: 17px; margin-left: -15px; border: none; height: 140px; overflow: auto; }
input.inpsubmit { 	margin: 10px 0 0 -14px; }
fieldset div.error input.inptxt { 	background: no-repeat url(../bilder/inputtext-error.gif); }
fieldset div.error textarea { 	background: no-repeat url(../bilder/textarea-error.gif); }
fieldset p.error  { color: #CC0033; background-color: #FCDCDD; padding: 0 10px ; margin: 20px 0 0 0; border: 1px #CC0033 dashed;	}

.scheins{	margin-right: -40px; float: right; border: 1px #D5DAEC solid; }
.start32 .scheins{	margin-right: 10px;  }



