Lösungen ,

full-seite-test-hainer-krei1.php

Quell Code

<!doctype html>
<html lang="de">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
 
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
<meta name="keywords" content="Stationäre Hilfe, betreutes Wohnen, Obdachlosigkeit, Straffälligenhilfe, soziale Schwierigkeiten, § 67, SGB XII,">
<title>Kreis 74</title>
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
<style>
@font-face{
        font-family:"OfficinaSansITC W01 Book";
        src:url("fonts/5387030/803e75cd-a2db-4d80-8d11-8b2539aa557e.eot?#iefix");
        src:url("fonts/5387030/803e75cd-a2db-4d80-8d11-8b2539aa557e.eot?#iefix") format("eot"),url("Fonts/5387030/616b0661-6952-4505-a975-07faa806638b.woff2") 
        format("woff2"),url("fonts/5387030/0865df13-3076-4b84-a35d-ebe51b093581.woff") format("woff"),url("fonts/5387030/b1c6032d-2efa-4550-ade5-fc162b930245.ttf") format("truetype");
    }


	
body { 
display:flex;
  flex-direction:column;
height: 100%; 
padding: 0; 
font-family: 'OfficinaSansITC W01 Book';
font-size: 1.1em;
margin:0;
background-repeat: no-repeat;
background-image: linear-gradient(rgba(255,255,255,0) 0%, 
rgba(215,255,255,0) 30%, rgba(255,255,255,0.9) 100%), 
  repeating-linear-gradient(
  to right,
  lightgray,
  lightgray 10px,
  white 10px,
  white 20px),linear-gradient(to bottom,green 30% ,black 80%);
} 

body:before{
  content:'';
  height:30px;
  width:100%;
  display:block;
  background:white;
  margin-left:0px;
  padding:0;
  margin-bottom:-20px;
}



#titelbild{
width:100%;
height:100%;
}

#christian{
width:100%;
height:100%;
}

#melanie{
width:100%;
height:100%;
}

#inthegallery{
margin-left: auto;
margin-right: auto;	
width:100%;
height:100%;
}




/* Umfasst Piktogrammzeile, Bottomline und text-div zwecks einheitlicher Breite */
main {
  max-width: 50em;
margin:auto;
  background-color: white;
}



/*   Piktogramm-Zeie   */	
.piktogramme {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;  
  width: auto;
  padding: 30px;
  background: none;
  z-index: 6;
}
.piktogramme .kind {
  width: 120px;
  height: 120px;
  margin: auto;
  text-align: center;
 }
.piktogramme .kind img {
  width: 120px;
  height: 120px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
}
.piktogramme .kind .label {
  display: block;
  padding: 10px 10px 10px 10px;
  color: gray;
}	



#mitte {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: space-between;

 padding: 8px 8% 100px 8%;
  height:auto;
 color: gray;
 background-color: white;
 }

#mitte h2{
  text-align: left;

}
.eintrage{
  display:flex;
  flex-direction:column;
   margin-top:5%;
  border:1px solid black;
  padding:8px;
}
 .date {
 font-size:0.6em; 
   padding:0;
 margin-bottom:4px;
}

 .eintrage  h3{
  color:grey;
     padding:0;
   margin:0;
   text-align:left;
}

.links{
  display:flex;
  padding:0;
  flex-direction:column;
  flex:6;
}
.rechts{
display:flex;
  flex:2;
    justify-content: space-around;
    align-content: space-around;
    align-items: center;
padding-left:1em;
}

 

#mitte a {
  text-decoration: none;
  font-weight: bold;
  color: gray;
  }

#mitte1 p.subtitle{
 text-align: center;
 margin-bottom: 80px;
}
 
details{
  padding-top:20px;
display:flex;
  height:auto;
}
  
  
/*   Bottomline   */	
.bottomline {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;  
  width: auto;
  z-index: 6;
  margin: 0px auto 50px;
}

.bottomline .element {
  width: 130px;
  height: 170px;
  text-align: left;
  margin: 0px auto 0px;
  background: none;
 }
 
.bottomline .element h2{
  color:#dd137b;
  margin: 0px auto 5px;
 }
 
 .bottomline .element img{
  padding: 0px 5px 5px 5px;
 }
 
.bottomline .element .elementinhalt {
  display: block;
  font-size:0.6em;
  color: gray;
  padding: 5px 5px 5px 5px;
}	



/*   Footer   */ 
footer {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: lightgray;
    color: white;
    text-align: center;
	z-index: 9;
}
 
footer a {
  letter-spacing: 0.1em;
  text-decoration: none;
  color: white;
}

footer a:hover { background-color: #dd137b;   /* Magenta */ 
}  



/*   Navigation - MenÃ¼   */
nav{
  display:flex;
  height:80px; /* oberer Rand */
  width:100%;
  z-index:2;
}
nav > img{
  height:100%;
  width:160px;
}

/*
nav > img:hover{
      cursor:pointer;
}
*/

nav > .topnav{
      width:100%;
      height:48px;
      margin:auto ; 
	  overflow: hidden;
	  background-color: lightgray;
	  padding-left: 3%; 												/* BASTI ---- BASTI --- BASTI ---- */
}

/* Style the links inside the navigation bar */
.topnav a {
  float: left;
  display: block;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 1.1em;
}

/* Add an active class to highlight the current page */
.active {
  background-color: lightgray;
  color: white;
}

/* Hide the link that should open and close the topnav on small screens */
.topnav .icon {
  display: none;
}

/* Dropdown container - needed to position the dropdown content */
.dropdown {
    float: left;
    overflow: hidden;
}

/* Style the dropdown button to fit inside the topnav */
.dropdown .dropbtn {
    font-size: 1.1em; 
    border: none;
    outline: none;
    color: white;
    padding: 14px 16px;
    background-color: inherit;
    font-family: inherit;
    margin: 0;
}

/* Style the dropdown content (hidden by default) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: white; 
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

/* Style the links inside the dropdown */
.dropdown-content a {
    float: none;
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
}

/* Add a dark background on topnav links and the dropdown button on hover */
.topnav a:hover, .dropdown:hover .dropbtn {
  background-color:#dd137b;   /* Magenta */
  color: white;
}

/* Add a grey background to dropdown links on hover */
.dropdown-content a:hover {
    background-color: lightgray;
    color: black;
}

/* Show the dropdown menu when the user moves the mouse over the dropdown button */
.dropdown:hover .dropdown-content {
    display: block;
}
.line1{
 margin-top:10px;
  display:flex;
}
p{
  padding:0;
  margin:0;
}
/* When the screen is less than 600 pixels wide, hide all links, except for the first one ("Home"). Show the link that contains should open and close the topnav (.icon) */


@media screen and (max-width: 500px) {
    
  .eintrage{
    display:flex;
     margin-top:1em;
    flex-direction:column;
  }
  .line1{
    display:flex;
    flex-direction:column;
  }
  .rechts>img{
    width:80%;
    height:auto;
  }
}




@media screen and (max-width: 800px) {
	
  .topnav a:not(:first-child), .dropdown .dropbtn {
    display: none;
  }
  .topnav a.icon {
    float: right;
    display: block;
  }
  
.column {
          display:flex;
          flex-direction:column;
          height:auto;
		  position: absolute;
		  top: 0px;
		  z-index: 555;
          background:white;
  }
  
 .piktogramme {
  display:none;
  }
}


/* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens (display the links vertically instead of horizontally) */
@media screen and (max-width: 800px) {
	
  .topnav.responsive {
    position: relative;
	z-index:5555;
    height:400px;
  }

  nav:before{
    display:none;
  }

  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }

  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }

  .topnav.responsive .dropdown {
    float: none;
  }

  .topnav.responsive .dropdown-content {
    position: relative;
	z-index:2222;
  }

  .topnav.responsive .dropdown .dropbtn {
    display: block;
    width: 100%;
    text-align: left;
  }
}

#navi:before{
  content:'';
  background-color: lightgray;
  height:48px;
  width:50px;								/* BASTI ---- BASTI --- BASTI ---- */
  margin-top:15px;
  margin-left:-10px;
}














</style>
</head>
  
<body>

<!-- Navigation / Menü -->
 <div id="wrapper"></div> <!-- WRAPPER -->

 <nav id="navi">
  <img class="logo" src="http://kreis74.de/svg/logo.svg" id="bild" alt="logo">
<div class="topnav" id="myTopnav">
  <a href="index.php" class="active" style="color:black;">Start</a>
  <div class="dropdown">
    <button class="dropbtn">Wir 
      <i class="fa fa-caret-down"></i>
    </button>
    <div class="dropdown-content">
      <a href="subsites/wir_kreis74.php">Kreis 74</a>
      <a href="subsites/wir_ehrenamt.php">Ehrenamt</a>
      <a href="subsites/wir_beratung.php">Beratungsstelle</a>
      <a href="https://wohnprojekt-kreis74.de" target="_blank">Wohnprojekt</a>
	  <a href="subsites/wir_abw.php">Ambulante Betreuung</a>
	  <a href="subsites/wir_bruecke.php">Brücke Bielefeld</a>
	  <a href="subsites/wir_toa.php">Täter-Opfer-Ausgleich</a>
    </div>
  </div> 
  <div class="dropdown">
    <button class="dropbtn">Für Sie 
      <i class="fa fa-caret-down"></i>
    </button>
    <div class="dropdown-content">
      <a href="subsites/fuer-sie_veranstaltungen.php">Veranstaltungen</a>
      <a href="subsites/fuer-sie_galerie.php">Galerie</a>
	  <a href="subsites/fuer-sie_spenden.php">Spenden</a>
    </div>
  </div> 
  <div class="dropdown">
    <button class="dropbtn">Veröffentlichungen 
      <i class="fa fa-caret-down"></i>
    </button>
    <div class="dropdown-content">
      <a href="subsites/veroeffentlichungen_soundcloud.php">Wir in der Soundcloud</a>
      <a href="subsites/veroeffentlichungen_bonjour.php">Bonjour Tristesse</a>
      <a href="subsites/veroeffentlichungen_texte.php">Texte von Inhaftierten</a>
	  <a href="subsites/veroeffentlichungen_bilder.php">Bilder von Inhaftierten</a>
    </div>
  </div> 
    <div class="dropdown">
    <button class="dropbtn">Historie 
      <i class="fa fa-caret-down"></i>
    </button>
    <div class="dropdown-content">
      <a href="subsites/historie_presse.php">Wir in der Presse</a>
      <a href="subsites/historie_plakate.php">Plakate</a>
      <a href="subsites/historie_kuenstler.php">Künstler</a>
	  <a href="subsites/historie_graffiti.php">Graffiti</a>
	  <a href="subsites/historie_hallo-ue-wagen.php">Hallo Ü-Wagen</a>
    </div>
  </div> 
  <a href="subsites/kontakt.php">Kontakt</a>
  <a href="javascript:void(0);" style="font-size:15px;" class="icon" onclick="myFunction()">&#9776;</a>
</div>
</nav>  

  
  
  
  
  
<!-- Titelbild -->
<img id="titelbild" src="http://kreis74.de/grafiken/ehrenamtler.jpg" alt="fehlt!" width="1987" height="455" style="margin-top:-16px; z-index:1;">


<main class="supercontainer">

  
  
 	<div class="piktogramme">
		<div class="kind">
			  <a href="subsites/wir_ehrenamt.php"><img src="http://kreis74.de/svg/ehrenamt.svg" alt="fehlt!" width="160" height="160"></a>
			  <div class="label">Ehrenamt
		  </div>
		</div>

		<div class="kind">
			  <a href="subsites/wir_beratung.php"><img src="http://kreis74.de/svg/beratung.svg" alt="fehlt!" width="160" height="160"></a>
			  <div class="label">Beratungsstelle
			  </div>
		</div>
		  
		<div class="kind">
			  <a href="https://wohnprojekt-kreis74.de" target="_blank"><img src="http://kreis74.de/svg/wp.svg" alt="fehlt!" width="160" height="160"></a>
			  <div class="label">Wohnprojekt
			  </div>
		</div>
		  
		<div class="kind">
			  <a href="subsites/wir_bruecke.php"><img src="http://kreis74.de/svg/bruecke.svg" alt="fehlt!" width="160" height="160"></a>
			  <div class="label">Brücke
			  </div>
		</div>
		  
		<div class="kind">
			  <a href="subsites/wir_toa.php"><img src="http://kreis74.de/svg/toa.svg" alt="fehlt!" width="160" height="160"></a>
			  <div class="label">Täter-Opfer-Ausgleich
			  </div>
		</div>
	</div> 

  
  
  
  
<!-- AB HIER die Inhalte einfügen -->
<div id="mitte">
 
		<h2 >Aktuell</h2>
	 
    
  
  
  
  
  
  
  
  
  
  
  
  
  
    
    
<div class="eintrage">	

		<p class="date">21.11.2018</p>
		<h3>Mitarbeiter(in) gesucht!</h3>	
    <div class="line1">
       <div class="links">
		<p>Sie besitzen hand&shy;werk&shy;liche Fähig&shy;keiten? Das Wohn&shy;projekt des Kreis 74 sucht einen Mit&shy;arbeiter / eine Mitarbeiterin auf 450 €-Basis für Reno&shy;vierungen, Ein&shy;käufe, Reinigungs- 
		und diverse Tätigk&shy;eiten. Hand&shy;werk&shy;liche Fähig&shy;keiten sind not&shy;wendig. Interes&shy;senten melden sich bitte unter 0521 55 74 89 - 0
		</p>
  </div>
  <div class="rechts">
    		<img src="http://kreis74.de/grafiken/startseite/hilfskraft.jpg" alt="fehlt!" width="200" height="150">
  </div>
  </div></div>
    
    
    
<div class="eintrage">		

		<p class="date">22.10.2018</p>
      <h3>Unser ehemaliger Mitarbeiter Christian Martl im Hummetal</h3>
    <div class="line1">
       <div class="links">
	<p>Bis März in der Brücke Bielefeld, nun als Brückenbauer in der Schule im Hummetal -
		</p>
		<details>
		<summary>weiterlesen</summary>
		<img id="christian" src="http://kreis74.de/grafiken/startseite/christian_martl.jpg" alt="fehlt!" width="1859" height="1786">
		</details>
        </div>
  <div class="rechts">
      
      
      		<a href="grafiken/startseite/christian_martl.jpg" target="_blank"><img src="http://kreis74.de/grafiken/startseite/christian_martl.jpg" alt="fehlt!"  width="150" height="160"></a>
  </div>
  </div></div>
    
    
<div class="eintrage">

		<p class="date">06.06.2018</p>
		<h3>Heute in der Neuen Westfälischen: "Der Knast quillt über"</h3>
    <div class="line1">
       <div class="links">
		<p>Besonders angespannt sei die Situation in den JVAen Detmold und Brackwede. Bei einer Belegung der Haftplätze von 85-90% sprechen Fachleute bereits von voller Belegung. Aktuell liege die Auslastung weit höher.
		</p>
		<a href="https://www.nw.de/nachrichten/regionale_politik/22157797_Der-Knast-quillt-ueber-Gefaengnisse-in-NRW-sind-stark-ueberlastet.html">zum Artikel</a>
        </div>
  <div class="rechts">
      
      		<img src="http://kreis74.de/grafiken/startseite/01.png" alt="fehlt!" width="150" height="113">
  </div>
  </div></div>
    
    
    
<div class="eintrage">		
   
		<p class="date">24.04.2018</p>
		<h3>Ungleiche Besuchsrechte für Kinder inhaftierter Eltern</h3>
        <div class="line1">
       <div class="links">
		<p>Monitoring-Stelle UN-Kinder&shy;rechts&shy;konvention veröffentlicht neue Landkarte zu Besuchs&shy;zeiten&shy;regelungen für Kinder inhaftierter Eltern
		</p>
		<details>
		<summary>weiterlesen</summary>
		<p>Die neue Landkarte der Monitoring-&shy;Stelle UN-Kinder&shy;rechts&shy;konvention des Deutschen Instituts für Menschen&shy;rechte bildet ab, welche Regelungen bei Besuchen von Kindern bei ihrem inhaftierten Eltern&shy;teil
		in den 16 Bundes&shy;ländern gelten. Grundlage hierfür bilden eine Auswertung der Monitoring-Stelle der Justiz- und Strafvollzugs&shy;gesetze der 16 Länder sowie Ergebnisse einer schriftlichen Befragung der 
		Landesjustiz&shy;ministerien.
		</p>
		<p>Das Ergebnis: Wie oft und wie lange Kinder ihren inhaftierten Vater oder ihre inhaftierte Mutter sehen können ist davon abhängig, in welchem Bundesland die Haftstrafe vollzogen wird.
		</p>
		<p>Lesen Sie den ganzen Artikel und die Interviews hier.
		</p>
		Quelle: bag-s.dejh
		</details>
        </div>
  <div class="rechts">
      
      		<img src="http://kreis74.de/grafiken/startseite/02.jpg" alt="fehlt!" width="150" height="100">
  </div></div>
  </div>
    
    
<div class="eintrage">
   
		<p class="date">01.03.2018</p>
		<h3>20 Jahre ehrenamtliches Engagement</h3>	
    <div class="line1">
       <div class="links">
		<p>Heute im "Bielefelder": unsere Melanie van Luijn
		</p>			
		<details>
		<summary>weiterlesen</summary>
		<p>
		Im Jahr 1997 wurde Melanie van Luijn als Jura&shy;studentin durch einen Zeitungs&shy;artikel auf den Kreis 74 e.V. aufmerksam. Seitdem hilft sie, Veranstaltungen zu organisieren und betreut langfristig Menschen 
		im Gefängnis, die über wenige bis keine sozialen Kontakte verfügen. Mit viel Empathie betreut sie seit rund 15 Jahren einen lebens&shy;länglich inhaftierten Mann und ist für ihn eine wertvolle, geduldige 
		Ansprech&shy;partnerin. Seit 7 Jahren bereichert Melanie van Luijn den Verein zusätzlich durch ehren&shy;amtliche Arbeit als Vorstands&shy;mitglied.
		</p> 
		<p>Ein weiterer Schwerpunkt ist die Schuldner&shy;beratung im Knast. Ihre Beratung zur Entschuldung ist zu einem Großteil immer auch soziale Arbeit und trägt zu einer gelungenen Resoziali&shy;sierung der Menschen bei.
		</p><img id="melanie" src="http://kreis74.de/grafiken/startseite/melanie_03-2018.jpg" alt="fehlt!" width="1123" height="2077">
		</details>
        </div>
  <div class="rechts">

 		<img src="http://kreis74.de/grafiken/startseite/melanie-portrait_03-2018.jpg" alt="fehlt!"  width="150" height="193">
  </div></div></div>
    
    
    
<div class="eintrage">
   
		<p class="date">22.12.2017</p>
		<h3>3. Sozialer Trainings&shy;kurs des Jahres 2017 erfolgreich beendet</h3>
        <div class="line1">
       <div class="links">
		<p>Über 10 Treffen von je 2,5 Stunden setzten sich Jugendliche mit einer richter&shy;lichen Weisung nach §10 JGG intensiv mit ihren Delikten und dem Thema Gewalt auseinander.</p>
		<details>
		<summary>weiterlesen</summary>
		<p>Sie erarbeiteten gewalt&shy;freie Konflikt&shy;lösungs&shy;strategien und überprüften sie auf ihre Alltags&shy;tauglichkeit in kritischen Situationen. Das sagen die Jugendlichen über ihre Erfahrungen 
		im Sozialen Trainings&shy;kurs:
		</p> 
		 <p>"Gibt nichts zu meckern."
		</p> 
		<p>"der Kurs ist supper! wir durften sogar mit bestimen!"
		</p> 
		<p>"Ich kann jetzt bisschen cooler bleiben! Interessante Themen"
		</p> 
		<p>"Wir wurden alle fair behandelt. War ganz anders, als erwartet. Die Sozial&shy;arbeiter haben uns echt ernst genommen. Nette Leute im Kurs."
		</p> 
		<p>"Sehr nice war der Abend zum Thema Notwehr - keine Notwehr"
		</p> 
		<p>"Manchmal gings hart zur Sache! Abwechslungs&shy;reich - viel gelernt"
		</p> 
		<p>"zuerst kein Bock gehabt,
		</p> 
		<p>dann wurde der Kurs spannend
		</p> 
		<p>passt alles - endlich geschafft"
		</p> 
		Lesen Sie den ganzen Artikel mit Klick auf das Foto.
		</details>
        </div>
  <div class="rechts">
      
      		<img src="http://kreis74.de/grafiken/startseite/76bea39c0c.png" alt="fehlt!" width="150" height="96">
  </div>
  </div></div>
    
    
<div class="eintrage">
  
		<p class="date">11.12.2017</p>
		<h3>So schön kann Post aus dem Knast sein!</h3>
        <div class="line1">
       <div class="links">
		 <p>Jens Sch. hat ein neues Kunst&shy;werk für seine ehren&shy;amtlich engagierte Brief&shy;partnerin geschaffen. Mit viel Liebe zum Detail und in seinem unver&shy;kenn&shy;baren Stil ist jeder 
		gestaltete Brief&shy;umschlag "Knast-Art" vom Feinsten!
		</p>
        </div>
  <div class="rechts">
      
      		<a href="grafiken/startseite/post.jpg" target="_blank"><img src="http://kreis74.de/grafiken/startseite/post.jpg" alt="fehlt!" width="150" height="100"></a>
  </div>
  </div>
  </div>
    
    
<div class="eintrage">	

		<p class="date">28.11.2017</p>
		<h3>Höhe der Telefon&shy;gebühr in einer JVA verstößt gegen Resozialisierungs&shy;gebot</h3>
        <div class="line1">
       <div class="links">
		<p>Verfassungs&shy;beschwerde erfolgreich
		</p>
      
      
		<details>
		<summary>weiterlesen</summary>
		 <p>
		 Mit dem heute veröffentlichtem Beschluss hat die 2. Kammer des Zweiten Senats des Bundes&shy;verfassungs&shy;gerichts einer Verfassungs&shy;beschwerde statt&shy;gegeben, die sich gegen die Höhe 
		 der Telefon&shy;gebühren in einer Justiz&shy;vollzugs&shy;anstalt richtete. Es verstößt gegen das verfassungs&shy;rechtliche Resozialisierungs&shy;gebot, wenn die wirtschaft&shy;lichen Interessen eines Gefangenen 
		 missachtet werden, indem der geltend gemachte Anspruch auf Anpassung der Telefon&shy;gebühren lediglich mit dem Hinweis auf die mit einem privaten Tele&shy;kommunikations&shy;anbieter lang&shy;fristig 
		 eingegangene Vertrags&shy;bindung abge&shy;lehnt wird.
		</p>
		<p><b>Sachverhalt:</b>
		</p>
		<p>Der Beschwerde&shy;führer war Straf&shy;gefangener in einer Justiz&shy;vollzugs&shy;anstalt in Schleswig-&shy;Holstein. Diese verfügt über ein Insassen&shy;telefon&shy;system, das von einem privaten 
		Tele&shy;kommunikations&shy;anbieter auf Grund&shy;lage eines mit dem Land Schleswig-Holstein lang&shy;fristig geschlossenen Vertrags betrieben wird. Alternative Telefon&shy;nutzungs&shy;möglich&shy;keiten
		 bestehen für die Insassen der Justiz&shy;vollzugs&shy;anstalt nicht. Im Juni 2015 führte der Anbieter einen Tarif&shy;wechsel durch, was für den Beschwerde&shy;führer erheblich höhere Telefon&shy;kosten
		 mit sich brachte. Sein an die Justiz&shy;vollzugs&shy;anstalt gerichteter Antrag, die Telefon&shy;gebühren an diejenigen außerhalb der Anstalt anzupassen und dabei seine finanz&shy;iellen Interessen 
		 zu wahren, wurde abgelehnt. Den Antrag auf gerichtliche Entscheidung wies das Land&shy;gericht zurück; die Rechts&shy;beschwerde zum Ober&shy;landes&shy;gericht blieb ebenfalls ohne Erfolg. Mit seiner 
		 Verfassungs&shy;beschwerde rügt der Beschwerde&shy;führer vornehmlich die Verletzung seines Grund&shy;rechts auf Resoziali&shy;sierung (Art. 2 Abs. 1 in Verbindung mit Art. 1 Abs. 1 GG).
		</p>
		<p>Wesent&shy;liche Erwägungen der Kammer:
		</p>
		<p>Die Verfassungs&shy;beschwerde ist zulässig und begründet. Der angegriffene Beschluss des Ober&shy;landes&shy;gerichts miss&shy;achtet die aus dem Resoziali&shy;sierungs&shy;gebot erwachsenden Anforderungen an die
		 Wahrung der finanziellen Interessen von Straf&shy;gefangenen.
		 </p>
		<p>1. Zwar müssen Tele&shy;kommuni&shy;kations&shy;dienst&shy;leistungen den Gefangenen nicht entgeltfrei zur Verfügung gestellt werden. Aller&shy;dings dürfen die Gefangenen auch nicht mit Entgelten belastet werden,
		 die, ohne dass verteuernde Bedingungen und Erfordernisse des Straf&shy;vollzugs dies notwendig machten, deutlich über den außerhalb des Voll&shy;zuges üblichen liegen. Auch mit dem 
		 verfassungs&shy;rechtlichen Grundsatz der Verhältnis&shy;mäßigkeit, der es gebietet, Strafe nur als ein in seinen negativen Auswirk&shy;ungen auf die Persönlich&shy;keit des Betroffenen nach Möglichkeit 
		 zu minimierendes Übel zu vollziehen, wäre dies nicht vereinbar.
		 </p>
		<p>Aus diesen Bindungen kann sich die Anstalt nicht nach Belieben lösen, indem sie für die Erbringung von Leistungen Dritte einschaltet. Lässt die Justiz&shy;vollzugs&shy;anstalt Leistungen durch einen
		 privaten Betreiber erbringen, auf den die Gefangenen ohne eine am Markt frei wählbare Alternative angewiesen sind, muss sie sicher&shy;stellen, dass der ausgewählte private Anbieter die Leistung
		 zu markt&shy;gerechten Preisen erbringt. Dabei ist für die Beurteilung, ob die Preise des privaten Anbieters noch markt&shy;gerecht sind, eine Vertrags&shy;bindung der Anstalt an den Anbieter nicht maß&shy;geblich.
		 Auch erfolg&shy;lose Bemühungen um Tarif&shy;anpassungen im Vertrags&shy;verhältnis zu dem Anbieter entbinden die Justiz&shy;vollzugs&shy;anstalt nicht von ihrer Fürsorge&shy;pflicht für die Gefangenen.
		 </p>
		<p>2. Das Ober&shy;landes&shy;gericht hat die Frage der Angemessen&shy;heit der Telefon&shy;tarife ausdrücklich offen&shy;gelassen. Hierdurch hat es die finanziellen Interessen des Beschwerde&shy;führers missachtet und ihn 
		dadurch in seinem Grund&shy;recht auf Resoziali&shy;sierung (Art. 2 Abs. 1 in Verbindung mit Art. 1 Abs. 1 GG) verletzt. Das Festhalten an dem Vertrag, den das Justiz&shy;ministerium mit einer Laufzeit von
		 15 Jahren ausgehandelt hat und dessen vorzeitige Kündigung es auch nicht beabsichtigt, hindert die Justiz&shy;vollzugs&shy;anstalt nicht daran, dem Beschwerdef&shy;ührer markt&shy;gerechte Preise in Rechnung zu 
		 stellen oder ihm kosten&shy;günstigere Alternativen der Telefon&shy;nutzung anzubieten.
		 </p>
		(Quelle: bundesver&shy;fassungs&shy;gericht.de)
		</details>
    </div>
  <div class="rechts">
    
    		<img src="http://kreis74.de/grafiken/startseite/justitia.jpg" alt="fehlt!" width="200" height="200">
  </div>
  </div></div>
  
  
    
<div class="eintrage">
  
		<p class="date" >24.11.2017</p>
		<h3>Der Kreis 74 e.V. stellt seine Arbeit vor.</h3>
        <div class="line1">
       <div class="links">
		<p>Infoabend: Dienstag, 05.12.2017 um 19 Uhr. Kreis 74 e.V., Teutoburger Str. 106, 1. Etage
		</p>
		<details>
		<summary>weiterlesen</summary>
		pixabay.de<br>
		Gestaltung: Torsten Niemeier
		<p>Seit 43 Jahren engagiert sich der Kreis 74 e.V. in der Straf&shy;fälligen&shy;hilfe. Neben haupt&shy;amtlichen Angeboten, wie einer Beratungs&shy;stelle, einem Wohn&shy;projekt für haftent&shy;lassene Männer 
		und Angeboten für Jugendliche, engagieren sich viele Bielefelder Bürgerinnen und Bürger ehren&shy;amtlich für Menschen in Haft und nach der Haft. Sie kochen mit Inhaftierten, bieten 
		erste Begleit&shy;ausgänge an, führen Brief&shy;kontakte mit Gefangenen oder besuchen Menschen im Knast. Nach der Haft&shy;entlassung unterstützen sie bei der Wohnungs&shy;suche, Arbeits&shy;suche und 
		Behörden&shy;angelegen&shy;heiten. Um interessierten Bürgerinnen und Bürgern die Vereins&shy;arbeit vorzustellen und ehren&shy;amtliche Mit&shy;streiter zu gewinnen, lädt der Verein zu einem Info&shy;abend ein. 
		</p>
		</details>
        </div>
  <div class="rechts">
      
      		<img src="http://kreis74.de/grafiken/startseite/knast.png" alt="fehlt!" width="200" height="200">
  </div>
  </div></div>
    
    
<div class="eintrage">		
   
		<p class="date">18.09.2017</p>
		<h3>Gold&shy;medaille für den Kreis 74 e.V.</h3>
    <div class="line1">
       <div class="links">
		<p>Im Rahmen des Landes&shy;wettbe&shy;werbs 2017 wurde dem Kreis 74 eine Auszeichnung für beispiel&shy;hafte, alternative Formen des Gärtnerns in der Stadt verliehen. Die Ministerin für Umwelt,
		 Land&shy;wirt&shy;schaft, Natur-und Verbraucher&shy;schutz des Landes NRW ehrt sowohl den Klein&shy;garten&shy;verein "Am Steinbrink" mit einer Gold&shy;medaille sowie den Kreis 74, der in dem Klein&shy;garten&shy;verein
		 seit Jahren einen Garten als pädagogisches Projekt mit Klienten gestaltet und pflegt.
		 </p>
        </div>
  <div class="rechts">
      
      
		<a href="grafiken/startseite/gaertnerei.jpg" target="_blank"><img src="http://kreis74.de/grafiken/startseite/gaertnerei.jpg" alt="fehlt!"  width="120" height="175"></a>
  </div>
  </div></div>
    
    
<div class="eintrage">  
  
		<p class="date">25.02.2017</p>
		<h3>Heute in der Neuen Westfälischen</h3>
  <div class="line1">
       <div class="links">
		<p>Die Neue Westfälische hat heute einen Nachruf auf Martin Fels, unseren verstorbenen Freund und Mitstreiter veröffentlicht.
		</p>
      		<details>
		<summary>weiterlesen</summary>
      		<img class="pulldown" src="http://kreis74.de/grafiken/startseite/martinfels.jpg" alt="fehlt!" width="270" height="1500"> 
      
      </details>
	   </div>
  <div class="rechts">
    </div></div></div>
    
  
  
<div class="eintrage">

		<p class="date">22.02.2017</p>
		<h3>Wir trauern um unseren ehren&shy;amtlichen Mit&shy;streiter Martin Fels</h3>
  <div class="line1">
       <div class="links">
		 <p>Über 20 Jahre engagierte er sich für Menschen in Haft. Wöchentlich begleitete er Inhaftierte bei ersten Ausgängen und besuchte Menschen im geschlossenen Vollzug. 
		Traurig und dankbar nehmen wir Abschied von Martin Fels.
		</p>
  
    </div>
  <div class="rechts">
  		<img src="http://kreis74.de/grafiken/startseite/fels.jpg" alt="fehlt!" width="150" height="100">
  </div>
  </div></div>
    
    
<div class="eintrage">
   
		<p class="date">02.02.2017</p>
		<h3>Wintergrüße aus dem Knast</h3>
    <div class="line1">
       <div class="links">
		 <p>Jens Sch. hat für seine ehren&shy;amtliche Brief&shy;partnerin wieder einen wunder&shy;schönen Ums&shy;chlag mit viel Liebe zum Detail gestaltet. Ein echtes Kunstwerk!
		</p>
		<a href="subsites/2014-2016.php">Aktuelles der Vorjahre 2014-2016</a>
   
      </div>
  <div class="rechts">
    		<a href="http://kreis74.de/grafiken/startseite/2017-02.jpg" target="_blank"><img src="http://kreis74.de/grafiken/startseite/2017-02.jpg" alt="fehlt!" width="150" height="100"></a>
  </div>
  </div></div>
    
  
  
  
  </div> <!--id mitte-->

 
  
  
  
  
 <div class="bottomline">
	  <div class="element">
			<div class="elementinhalt"><h2>Kontakt</h2>
			Kreis 74 e.V.<br>
			Teutoburger Straße 106<br>
			33607 Bielefeld
			<p></p>
			eMail  info[at]kreis74.de<br>
			Ruf +49 521 - 557 378 - 11<br>
			Fax +49 521 - 557 378 - 20
			</div>
	  </div>

	  <div class="element">
		  <div class="elementinhalt" style=""><h2>Spenden</h2>
			Förderverein Kreis 74 
			Sparkasse Bielefeld
			IBAN DE71 4805 0161 0000 0994 99
			BIC SPBIDE3BXXX
		  </div>
	  </div>
	  
	  <div class="element">
		<div class="elementinhalt"><h2>Facebook</h2>
		</div>
			<a href="https://www.facebook.com/kreis74" target="_blank"><img src="http://kreis74.de/svg/fatzebock.svg" alt="fehlt!" width="30" height="30"></a>
	  </div>
	  
	  <div class="element">
		  <div class="elementinhalt"><h2>Youtube</h2>
		  </div>
			<a href="https://www.youtube.com/user/Kreis74/videos" target="_blank"><img src="http://kreis74.de/svg/du-tube-du.svg" alt="fehlt!" width="30" height="30"></a>  
	  </div>
	  
	  <div class="element">
		  <div class="elementinhalt"><h2>Soundcloud</h2>
		  </div>
			<a href="https://soundcloud.com/kreis74" target="_blank"><img src="http://kreis74.de/svg/klangwolke.svg" alt="fehlt!" width="30" height="30"></a>  
	  </div>
	</div> 
 
</main> <!-- Supercontainer Aufhebungsbefehl -->

  
  
  
  
  
  
 <footer>
  <a href="subsites/impressum.php">Impressum</a> | <a href="subsites/datenschutz.php">Datenschutz</a>
</footer> 
 
 




<script>

function myFunction() {
    var x = document.getElementById("myTopnav");
    var x1=document.getElementById('navi');
    if (x.className === "topnav") {
        x.className += " responsive";
        x1.className ='column';
    } else {
        x.className = "topnav";
        x1.className = '';
    }
}
</script>
</body>
</html>