<span style="font-size:20px">Es wird nach Selbsthilfegruppen, Beratung stellen und alle andere Stellen angezeigt, die in ihrer Nähe sind.
<span style="text-decoration:underline">Die Ergebnisse werden auf der Seite <a stylew="text-decoration: none;
color: green" href="https://www.nakos.de/adressen/datenbanksuche/">nakos.de/</a> angezeigt , auf der Sie weitergeleitet werden.</span></span>
<span style="font-size: 14px;margin-top: 10px;color: #a76046;font-weight: 700;"><br><br>Wenn Sie das Tool auf ihre Webseite einbinden wollen , fragen Sie bitte den Admin der Nakos Seite ob sie das dürfen. (am besten mit Beispiel wie sie das eingebaut haben).</span>
Code
<!doctype html>
<html lang="de">
<head>
<title>
Hier suchen und auf anderere Seite das Ergebnisss bekommen
</title>
<meta charset="utf-8">
<style>
*{
margin:0;
padding:0;
}
body {
padding: 30px;
}
h2 {
text-align: center;
text-decoration: underline;
padding: 0 0 10px 0;
}
h2 ~ p{
width: 90%;
margin-left: 20px;
padding: 2px 0 2px 25px;
}
div.address {
background: #2266b7;
color: #ffffff !important;
padding: 0 0 5px 0;
width: 90%;
margin: 15px auto;
}
div.address-title {
padding: 15px 20px 15px 20px;
border-bottom: 1px dotted #ffffff;
}
div.address-title h1 {
font-size: 17.0pt;
font-weight: normal;
text-transform: uppercase;
}
div.address-text {
padding: 15px 20px 15px 20px;
}
div.address-input {
padding: 0 0 5px 0;
margin: 15px 0 0 0;
display: flex;
}
div.address-input input[type=text] {
width: 100%;
color:white;
font-weight: 600;
background: rgba(0,0,0,0.2);
padding: 5px 5px 5px 5px;
border: 1px solid #ffffff;
border: 1px solid rgba(255,255,255,0.3);
border-radius: 3px;
margin: 5px 0;
}
div.address-search input[type=submit] {
display: none;
}
.address-search.address-search-address {
display: flex;
width: 50px;
align-items: center;
justify-content: center;
}
.address-search.address-search-address button {
background: none;
border: none;
outline: none;
cursor: pointer;
}
.address-search.address-search-address img {
width: 30px;
}
#flex-helper{
display: flex;
margin: 0 20px 0 20px;
width: calc(100% - 70px);
flex-direction: column;
}
</style>
</head>
<body>
<h2>Selbsthilfegruppen suchen</h2>
<p>Im ersten Feld geben Sie zum Beispiel Alkohol,Magersucht,Drogen,Spielsucht usw ein.</p>
<p>Im Zweiten Feld ihre Postleitzahl.</p>
<p>Wir hoffen das Sie was passendes finden.</p>
<div class="content content-23 address">
<div class="address-title">
<h1>Suche in den NAKOS-Datenbanken</h1>
</div>
<div class="address-text">
<p class="start">Sie suchen einen Ansprechpartner*in oder eine Selbsthilfegruppe?<br>
Dann geben Sie bitte hier Ihr <strong>Thema,</strong> einen <strong>Ort</strong>
<strong>,</strong> eine <strong>Region</strong> oder die ersten beiden Ziffern Ihrer
<strong>Postleitzahl</strong> ein:
</p>
</div>
<form id="address" action="https://www.nakos.de/adressen/datenbanksuche/" method="post">
<input type="hidden" name="type_" value="">
<div class="address-input">
<div id="flex-helper">
<div class="address-input-theme">
<input class="clearable x" type="text" name="address_.theme:record" value="" placeholder="Thema oder Institution">
</div>
<div class="address-input-place">
<input class="clearable x" type="text" name="address_.place:record" value="" placeholder="Ort, Region oder Postleitzahl">
</div>
</div>
<div class="address-search address-search-address">
<button type="submit">
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEQAAABECAYAAAA4E5OyAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA7dpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wUmlnaHRzPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvcmlnaHRzLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcFJpZ2h0czpNYXJrZWQ9IkZhbHNlIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6MDc4MDExNzQwNzIwNjgxMThDMTREMERGQUUxQUE5MDQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6REY4ODUxRTU4NzU0MTFFMzg5MTFERjVDM0VBOEZDQjgiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6REY4ODUxRTQ4NzU0MTFFMzg5MTFERjVDM0VBOEZDQjgiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjdGOTdBNDgzMjQyMDY4MTE4QzE0OUJCMjZENjM5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" alt="SUCHEN">
</button>
</div>
</div>
</form>
</div>
</body>
</html>