
/* roboto-condensed-300 - latin-ext_latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 300;
  src: url('/fonts/roboto-condensed/roboto-condensed-v25-latin-ext_latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fonts/roboto-condensed/roboto-condensed-v25-latin-ext_latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/roboto-condensed/roboto-condensed-v25-latin-ext_latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/roboto-condensed/roboto-condensed-v25-latin-ext_latin-300.woff') format('woff'), /* Modern Browsers */
       url('/fonts/roboto-condensed/roboto-condensed-v25-latin-ext_latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/roboto-condensed/roboto-condensed-v25-latin-ext_latin-300.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}
/* roboto-condensed-regular - latin-ext_latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: url('/fonts/roboto-condensed/roboto-condensed-v25-latin-ext_latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fonts/roboto-condensed/roboto-condensed-v25-latin-ext_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/roboto-condensed/roboto-condensed-v25-latin-ext_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/roboto-condensed/roboto-condensed-v25-latin-ext_latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/fonts/roboto-condensed/roboto-condensed-v25-latin-ext_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/roboto-condensed/roboto-condensed-v25-latin-ext_latin-regular.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}
/* roboto-condensed-italic - latin-ext_latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 400;
  src: url('/fonts/roboto-condensed/roboto-condensed-v25-latin-ext_latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fonts/roboto-condensed/roboto-condensed-v25-latin-ext_latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/roboto-condensed/roboto-condensed-v25-latin-ext_latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/roboto-condensed/roboto-condensed-v25-latin-ext_latin-italic.woff') format('woff'), /* Modern Browsers */
       url('/fonts/roboto-condensed/roboto-condensed-v25-latin-ext_latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/roboto-condensed/roboto-condensed-v25-latin-ext_latin-italic.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}
/* roboto-condensed-700 - latin-ext_latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 700;
  src: url('/fonts/roboto-condensed/roboto-condensed-v25-latin-ext_latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fonts/roboto-condensed/roboto-condensed-v25-latin-ext_latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/roboto-condensed/roboto-condensed-v25-latin-ext_latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/roboto-condensed/roboto-condensed-v25-latin-ext_latin-700.woff') format('woff'), /* Modern Browsers */
       url('/fonts/roboto-condensed/roboto-condensed-v25-latin-ext_latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/roboto-condensed/roboto-condensed-v25-latin-ext_latin-700.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}
/* roboto-condensed-700italic - latin-ext_latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 700;
  src: url('/fonts/roboto-condensed/roboto-condensed-v25-latin-ext_latin-700italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fonts/roboto-condensed/roboto-condensed-v25-latin-ext_latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/roboto-condensed/roboto-condensed-v25-latin-ext_latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/roboto-condensed/roboto-condensed-v25-latin-ext_latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('/fonts/roboto-condensed/roboto-condensed-v25-latin-ext_latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/roboto-condensed/roboto-condensed-v25-latin-ext_latin-700italic.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}

body {
	
	
			font-family: 'Roboto Condensed', sans-serif;
	
			font-size: 16px;
	
			color: #6c6c6c;
	
	
				padding-top: 60px;
		
	}


#bodyContent {
	
	
	
	
		
	
	}

.inhalt {
	
	
		
			margin: 0px 0px 50px 0px;
	
			padding: 30px 0px;
	
	
	
	
	}

.inhaltOTeaser {
	
	
		
			margin: 0px 0px 50px 0px;
	
			padding: 30px 0px;
	
	
	
	
	}



a {
			color: #6c6c6c;
	
			text-decoration: underline;
	
	
	font-weight: normal;
font-style: normal;
}

a:hover {
			color: #2483a0;
	
			text-decoration: underline;
	
	
	font-weight: normal;
font-style: normal;
}



h1 {
	
			font-size: 26px;
	
			line-height: 32px;
	
			color: #2483a0;
	
	font-weight: 300;
font-style: normal;

	text-transform: uppercase;

			margin: 0px 0px 20px 0px;
	
			padding: 0px;
	
	
	
	}

h2 {
	
			font-size: 23px;
	
			line-height: 29px;
	
			color: #2483a0;
	
	font-weight: 300;
font-style: normal;

	text-transform: uppercase;

			margin: 0px 0px 10px 0px;
	
			padding: 0px;
	
	
	
	}

h3 {
	
			font-size: 20px;
	
			line-height: 25px;
	
			color: #2483a0;
	
	font-weight: 300;
font-style: normal;

	text-transform: uppercase;

			margin: 0px 0px 10px 0px;
	
			padding: 0px;
	
	
	
	}

h4 {
	
			font-size: 15px;
	
			line-height: 19px;
	
	
	font-weight: normal;
font-style: normal;

	text-transform: uppercase;

			margin: 0px 0px13px 0px;
	
			padding: 0px;
	
	
	
	}

h5 {
	
	
	
	
	
	
	
	
	
	
	}

h6 {
	
	
	
	
	
	
	
	
	
	
	}



.bildergalerie {
}

.bildergalerie div.bildarchivBoxKlein {
	
	
	
	}

.bildergalerie div.bildarchivBild {
}

.bildergalerie img.bildarchivKlein {
}

.bildergalerie .bildarchivTextWrapper {
}

.bildergalerie .bildarchivTextWrapper .bildarchivTextBG {
	
	}

.bildergalerie .bildarchivTextWrapper .bildarchivText {
	
	}

.startBildarchivContent2 {
		
	}


.cycle-karussell-text {
		
	}

.cycle-karussell-text h1, .cycle-karussell-text h2, .cycle-karussell-text h3, .cycle-karussell-text h4, .cycle-karussell-text h5, .cycle-karussell-text h6 {
	}

.cycle-karussell-link {
	}

.cycle-karussell-link:hover, .cycle-karussell-link:active, .cycle-karussell-link:focus {
	}

.cycle-karussell-link > span {
	}

.cycle-karussell-link:hover > span {
	}


.cycle-karussell-text a {
	}

.cycle-karussell-btn {
		
	}

.cycle-karussell-btn:hover, .cycle-karussell-btn:active, .cycle-karussell-btn:focus {
		
	}

.cycle-karussell-pager span { 
	}
.cycle-karussell-pager span.cycle-pager-active {
	}

.jqcycle-karussell-left a, .jqcycle-karussell-right a {
	}



#footer {
	
			color: #ffffff;
	
	
	
	
	
	
	
	
	}

#footer a {
			color: #ffffff;
	
			text-decoration: none;
	
	font-weight: normal;
font-style: normal;
}

#footer a:hover {
			color: #ffffff;
	
			text-decoration: none;
	
	font-weight: normal;
font-style: normal;
}



.formular .formularTextPflicht {
	
		}

.formular .formularText {
	
	
	}



.listing a.listingRow1 {
	
	
	
	}

.listing a:hover.listingRow1 {
	
	}

.listing a.listingRow2 {
	
	

	
	}

.listing a:hover.listingRow2 {
	
	}

.listing a .listingInfo {
	}

.listing a:hover .listingInfo {
	}

.listing .list-group-item {
  overflow: hidden;
}


#logo {
	
	
	
	
	
	
	
	
	}


#header {
	
	
	
	
	
	
	
			height: 299px;
	
	}



.nachrichten .textNachricht {
	
	
			margin: 0px 0px 45px 0px;
	
			padding: 0px;
	
	}

.nachrichten .textNachricht h1 {
			font-size: 18px;
	
	
	
	
			margin: 0px 0px 0px 0px;
	
			padding: 0px;
	
	
}

.nachrichten .textNachrichtInfo {
	
	
	}

.nachrichten .textNachrichtInfo a {
	
	
	}

.nachrichten .headerNachricht h1 {
			font-size: 18px;
		line-height: 18px;
	
	
	
	
			margin: 0px 0px 0px 0px;
	
			padding: 0px;
	
	}

.nachrichten .headerNachrichtSymbol {
			color: #6c6c6c;
	}

.nachrichten .textNachrichtInline {
		
			margin: 0px 0px 45px 0px;
	
			padding: 0px;
	
	}

.startNewsContent2 {
		
	}




	.conNachrichtDropDown3 {
		margin-bottom: 15px;	}





#navigator {
	
	
			font-size: 12px;
	
			color: #ffffff;
	
			background-color: #6c6c6c;
	
	
	
			margin: 0px;
	
			padding: 16px 15px;
	
	
	font-weight: normal;
font-style: normal;

	
	font-weight: normal;
font-style: normal;
}

#navigator a {
			color: #ffffff;
	
	font-weight: normal;
font-style: normal;

			text-decoration: none;
	
	text-transform: none;
}

#navigator a:hover {
			color: #ffffff;
	
	font-weight: normal;
font-style: normal;

			text-decoration: none;
		

	text-transform: none;
}



#oneClickLinks {
	
			color: #ffffff;
	
	
			margin: 0px 0px 45px 0px;
	
	
	
	text-align: left;

	
	}

#oneClickLinks a.navi {
			color: #ffffff;
	
	font-weight: normal;
font-style: normal;

			text-decoration: none;
	
	text-transform: uppercase;

	
			margin: 0px 20px 0px 0px;
	}

#oneClickLinks a.navi-aktiv {
			color: #ffffff;
	
	font-weight: normal;
font-style: normal;

			text-decoration: none;
	
	text-transform: uppercase;

	
			margin: 0px 20px 0px 0px;
	}

#oneClickLinks a.navi:hover, #oneClickLinks a.navi-aktiv:hover {
			color: #ffffff;
	
			text-decoration: none;
	
	font-weight: normal;
font-style: normal;
}



	.kseite1 {
		
		
		
		
		
				}

	.kseite1 .inhalt, .kseite1 .inhaltOTeaser {
		padding: 0px;
		margin: 0px;
	}
	.kseite2 {
		
		
		
		
		
				}

	.kseite2 .inhalt, .kseite2 .inhaltOTeaser {
		padding: 0px;
		margin: 0px;
	}
.opTeaserNachrichten h1.header, 
.opTeaserBilder h1.header, 
.opTeaserSuche h1.header, 
.opTeaserTermine h1.header {
	
	
	
	
	
	
	
	
	}

.opTeaserNachrichtText h1, .opTeaserNachrichtText h2, .opTeaserNachrichtText h3,
.opTeaserSucheText h1, .opTeaserSucheText h2, .opTeaserSucheText h3, 
.opTeaserTerminText h1, .opTeaserTerminText h2, .opTeaserTerminText h3 {
	
	
	
	
	}

.opTeaserNachricht .opTeaserNachrichtText, 
.opTeaserTermin .opTeaserTerminText {
	
	
	
	}

.opTeaserNachricht .opTeaserNachrichtText a, 
.opTeaserTermin .opTeaserTerminText a {
	
	
	}

.opTeaserNachricht .opTeaserNachrichtText a:hover,
.opTeaserTermin .opTeaserTerminText a:hover {
	
	
	}

.opTeaserTermin .opTeaserTerminDatum {
	
	
	
	}

.opTeaserTermin .opTeaserTerminUhrzeit,
.opTeaserTermin .opTeaserTerminOrt {
	}


.produkte div.textProduktInlay:hover {
			background-color: #dedede;
	
			color: #000000;
	}

.produkte div.textProduktInlay:hover h1 {
			color: #000000;
	}



#socialmedia {
	
	
	
	
	
	
	
	
	}



#sprachen {
	
	
	
			margin: 2px 0px 0px 0px;
	
	
	
	text-align: left;

	
	}

#sprachen a.navi, #sprachen button, #sprachen ul li a, #sprachen .labelSprache {
	
	
	
	
	
	}

#sprachen a.navi-aktiv {
	
		
	
	
	}

#sprachen a.navi:hover, #sprachen a.navi-aktiv:hover {
	
	
	
	}

#sprachen .flaggen {
	}



#suche {
	
	
	
			margin: 0px;
	
			padding: 0px;
	
	
	text-align: right;

	
	}

#suchergebnis h1.suche {
	
	
	
	}

#suchergebnis .sucheErgebnisbox {

}

#suchergebnis .sucheInfo {
	
	}



#supportSuche {
			background-color: #eeeeee;
				border-color: #cccccc;
	}

#supportSuchergebnis {
			border-color: #cccccc;
	}

#supportSuchergebnis .supportListeintragDesc {
			color: #666666;
	}

#supportSuchergebnis .supportListeintragRow2 {
			background-color: #eeeeee;
	}

#supportSuchergebnis .supportListeintragRow1:hover, #supportSuchergebnis .supportListeintragRow2:hover {
			background-color: #cccccc;
	}

.supportText {
			border-color: #eeeeee;
	}





.termine .textTermin, 
.termine .startTerminContentText {
	
	
	
	
	}

.termine .textTermine2 h1, .termine .startTerminContentText h1 {
	
	
	
	
	
	
	}

.termine .textTermin .datum, .termine .textTermin .uhrzeit, .termine .textTermin .ort, 
.termine .startTerminContentText .datum, .termine .startTerminContentText .uhrzeit, .termine .startTerminContentText .ort {
	
	
	
		/*
	
	
		*/
}


#umfrage {
	
	}

#umfrageFrage {
	}

#umfrageAntworten {
	}

.umfrageBalken {
	
	
	
	}

#umfrageGesamt {
	}



.zInhaltsverzeichnis {
	
	
	
	
}

a.inhaltslink {
	}



#forum #navigator a {
			color: #6c6c6c;
	}

/* @group TOP Button */
#topBtn {
  			background-color: #aaaaaa;
	
			color: #ffffff;
	  
  font-size: 18px;
  text-align: center;
}

#topBtn:hover {
			background-color: #ffffff;
	
			color: #aaaaaa;
		border-color: #aaaaaa;
	}

/* 4 Spalten mit Animation */

.int4SpaltenAni .int4SpaltenAniH {
			font-size: 20px;
	
			line-height: 25px;
	
			color: #2483a0;
	
	font-weight: 300;
font-style: normal;

	text-transform: uppercase;
}

.int4SpaltenAni .int4SpaltenAniText {
			font-size: 16px;
	}

.int4SpaltenAni .int4SpaltenAniLink {
			background-color: #6c6c6c;
				font-size: 16px;
	}

#container1 {
	
	
	
	
		}

#container2 {
	
	
	
	
		}

#container3 {
	
			margin: 0px 0px 60px 0px;
	
			background-color: #6c6c6c;
	
	
		}

#container4 {
	
	
	
	
		}

#container5 {
			padding: 8px 15px 8px 15px;
	
	
			background-color: #2483a0;
	
	
		}

#container6 {
			padding: 30px 15px 60px 15px;
	
	
			background-color: #6c6c6c;
	
	
		}

#container7 {
	
	
	
	
		}

#container8 {
	
	
	
	
		}

#container9 {
	
	
	
	
		}

#container10 {
	
	
	
	
		}


#header .cycle-slide img { width: 100%; height: auto }



.badge {
	
	}

.btn-default .badge {
	
	}

.btn-default, .btn-default:hover, .btn-default:active, .btn-default:focus {
	
	}


.btn-primary, .bg-primary, .btn-primary:hover, .btn-primary:active, .btn-primary:focus {
			color: #2483a0;
	
			background-color: #2483a0;
		border-color: #2483a0;
	}

.btn-primary:hover {
	opacity: 0.85;
}

.btn-primary .badge {
			background-color: #2483a0;
	
			color: #2483a0;
	}

.btn-success, .bg-success, .alert-success, .list-group-item-success, a.list-group-item-success, 
.table>thead>tr>td.success, .table>tbody>tr>td.success, .table>tfoot>tr>td.success,
.table>thead>tr>th.success, .table>tbody>tr>th.success, .table>tfoot>tr>th.success,
.table>thead>tr.success>td, .table>tbody>tr.success>td, .table>tfoot>tr.success>td,
.table>thead>tr.success>th, .table>tbody>tr.success>th, .table>tfoot>tr.success>th, 
.btn-success:hover, .btn-success:active, .btn-success:focus {
	
	}

.btn-success .badge {
	
	}

.btn-info, .bg-info, .alert-info, .list-group-item-info, a.list-group-item-info, 
.table>thead>tr>td.info, .table>tbody>tr>td.info, .table>tfoot>tr>td.info,
.table>thead>tr>th.info, .table>tbody>tr>th.info, .table>tfoot>tr>th.info,
.table>thead>tr.info>td, .table>tbody>tr.info>td, .table>tfoot>tr.info>td,
.table>thead>tr.info>th, .table>tbody>tr.info>th, .table>tfoot>tr.info>th, 
.btn-info:hover, .btn-info:active, .btn-info:focus {
	
	}

.btn-info .badge {
	
	}

.btn-warning, .bg-warning, .alert-warning, .list-group-item-warning, a.list-group-item-warning, 
.table>thead>tr>td.warning, .table>tbody>tr>td.warning, .table>tfoot>tr>td.warning,
.table>thead>tr>th.warning, .table>tbody>tr>th.warning, .table>tfoot>tr>th.warning,
.table>thead>tr.warning>td, .table>tbody>tr.warning>td, .table>tfoot>tr.warning>td,
.table>thead>tr.warning>th, .table>tbody>tr.warning>th, .table>tfoot>tr.warning>th,
.btn-warning:hover, .btn-warning:active, .btn-warning:focus {
	
	}

.btn-warning .badge {
	
	}

.btn-danger, .bg-danger, .alert-danger, .list-group-item-danger, a.list-group-item-danger, 
.table>thead>tr>td.danger, .table>tbody>tr>td.danger, .table>tfoot>tr>td.danger,
.table>thead>tr>th.danger, .table>tbody>tr>th.danger, .table>tfoot>tr>th.danger,
.table>thead>tr.danger>td, .table>tbody>tr.danger>td, .table>tfoot>tr.danger>td,
.table>thead>tr.danger>th, .table>tbody>tr.danger>th, .table>tfoot>tr.danger>th, 
.btn-danger:hover, .btn-danger:active, .btn-danger:focus {
	
	}

.btn-danger .badge {
	
	}

.text-muted {
	}

.text-primary {
			color: #2483a0;
	}

.text-success {
	}

.text-info {
   }

.text-warning {
	}

.text-danger {
	}

.panel-default>.panel-heading {
	}

.panel-title {
	}

.panel-body {
	 
	}

.panel-footer {
	 
	}

.table-striped>tbody>tr:nth-child(odd) {
	
	}

html {
  height: 100%;
}

body {
  font-weight: 300;
  height: 100%;
}

#sprachen {
  display: none;
}

/* KARUSSEL ALLGEMEIN */
.carousel-indicators li {
  border-radius: 0px;
  border: 1px solid #ffffff;
  background-color: transparent;
  opacity: 1;
  width: 8px;
  height: 18px;
  margin: 0px 5px 0px 0px;
}

.carousel-indicators .active {
  border-radius: 0px;
  border: 1px solid #ffffff;
  background-color: #ffffff;
  opacity: 1.0;
  width: 8px;
  height: 18px;
  margin: 0px 5px 0px 0px;
}

/* STAETSEITE KARUSSELL */
.carousel-caption {
  text-shadow: none;
}

#myCarousel,
#myCarousel .item,
#myCarousel .carousel-inner{height:100%;}

#myCarousel .carousel-caption {
  position: absolute;
  top: 30%;
  left: 38%;
  height: 115px;
  padding: 0px;
  text-align: left;
  background-image: url(/zcms/tpl/ideal_assets/img/karussell_pre_image.png);
  background-repeat: no-repeat;
  background-position: left bottom;
}

#myCarousel .carousel-caption h1,
#myCarousel .carousel-caption h2,
#myCarousel .carousel-caption h3,
#myCarousel .carousel-caption h4,
#myCarousel .carousel-caption h5,
#myCarousel .carousel-caption h6,
#myCarousel .carousel-caption p {
  color: #2483a0;
  opacity: 1.0;
  background-color: #ffffff;
}
  
#myCarousel .carousel-caption h1 {
  text-align: left;
  font-size: 25px;
  font-weight: 300;
  text-transform: uppercase;
  margin: 0px;
  padding: 15px 20px;
  line-height: 115%;
  position: absolute;
  bottom: 0px;
  left: 20px;
  width: 300px;
 }

.carousel-indicators {
  bottom: 5px;
}

/* STARTSEITE UNTERNEHMEN */
.containerUnternehmen {
  background-image: url(/index.php?id=43);
  padding-top: 50px;
  padding-bottom: 50px;
}

/* STARTSEITE - ZITATE */
.containerZitate {
  background-color: #2483a0;
  padding-top: 50px;
  padding-bottom: 0px;
}


/* STARTSEITE - PROJEKTE */

.containerProjekte {
  background-image: url(/index.php?id=44);
  padding-top: 100px;
  padding-bottom: 100px;
}

#startProjektContainer {
  background-image: url(/index.php?id=45);
  padding: 30px 0px 0px 0px;
}

.startProjekteH, .startProjekteH h1 {
  text-align: center;
  color: #ffffff;
}

.startProjekteButton {
  text-align: center;
}

.startProjekteButton a, .startProjekteButton a:hover {
  font-weight: normal;
  text-transform: uppercase;
  text-decoration: none;
  background-color: transparent;
  color: #ffffff;
}

.startProjekteButton a:hover {
  color: #2483a0;
}

.startProjekteButton a.btn, .startProjekteButton a.btn:hover {
  border-left: 2px solid #ffffff;
  border-top: 2px solid #ffffff;
  border-right: 2px solid #ffffff;
  border-bottom: 0px solid transparent;
}

.startProjekteButton a.btn:hover {
  background-color: #ffffff;
}

/* STARTSEITE - Vier Blöcke */

.container4Block {
  padding-top: 40px;
  padding-bottom: 40px;
}

.start4Block {
  border-left: 7px solid #2483a0;
  border-top: 7px solid #2483a0;
  border-right: 7px solid #2483a0;
  background-color: #ffffff;
  padding: 30px 10px 0px 10px;
  text-align: center;
  min-height: 240px;
}

.start4Block:hover {
  background-color: #2483a0;
  color: #ffffff;
}

.start4Block h2 {
  font-size: 24px;
  line-height: 27px;
  text-align: center;
  padding: 0px;
  margin: 0px 0px 10px 0px;
}

.start4Block:hover h2 {
  color: #ffffff;
}

.start4Block:hover a, .start4Block:hover a:hover {
  color: #ffffff;
}

/* SUCHE */
#suche .btn {
  border-top: 0px solid #ffffff;
  border-right: 0px solid #ffffff;
}

/* NAVIGATION */
.navbar-brand {
padding: 0px 70px 14px 15px;
}

.navbar .navbar-nav > li.active > a,
.navbar .navbar-nav > li.active > a:hover,
.navbar .navbar-nav > li > a:hover,
.navbar .navbar-nav>.open>a,
.navbar .navbar-nav>.open>a:hover,
.navbar .navbar-nav>.open>a:focus {
background-repeat: no-repeat;
}

.navbar .dropdown-menu {
border-width: 0px;
box-shadow: none;
}

.navbar .navbar-nav > li > ul > li a,
.navbar .navbar-nav > li > ul > li a > ul > li a,
.navbar .navbar-nav > li > ul > li.active > a,
.navbar .navbar-nav > li > ul > li.active > a:hover,
.navbar .navbar-nav > li > ul > li:hover > a,
.navbar .navbar-nav > li > ul > li.active:hover > a,
.navbar .navbar-nav > li > ul > li > ul > li.active > a,
.navbar .navbar-nav > li > ul > li > ul > li.active > a:hover,
.navbar .navbar-nav > li > ul > li > ul > li:hover > a,
.navbar .navbar-nav > li > ul > li > ul > li.active:hover > a
{
background-repeat: no-repeat;
}

.navbar .caret {
display: none;
}

/* TEAM */
.teamBlock {
  border-left: 6px solid #2483a0;
  border-top: 6px solid #2483a0;
  border-right: 6px solid #2483a0;
  padding: 15px 15px 0px 15px;
  margin-bottom: 30px;
  min-height: 300px;
}

/* NACHRICHTEN */
.datumNachricht {
font-weight: bold;
margin-bottom: 20px;
}

/* SOCIAL MEDIA */
#socialmedia > .text {
color: #ffffff;
padding-right: 20px;
font-size: 16px;
font-weight: 300;
}

/* PROJEKTE */
.containerProjekteHeader {
  background-image: url(/index.php?id=43);
  padding-top: 50px;
  padding-bottom: 50px;
}

.projekte_text1, .projekte_text2 {
  padding: 45px 45px 45px 15px;
  background-color: #007d9a;
  color: #ffffff;
  min-height: 435px;
}

.projekte_text2 {
  background-color: #5fbccc;
}

.projekte_text1 h1 {
  color: #5fbccc;
}

.projekte_text2 h1 {
  color: #007d9a;
}

.projekte_text1 p, .projekte_text2 p {
  margin: 0px;
  padding: 0px;
}

.projektRightContainer {
  min-height: 435px;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
}

.projekteH, .projekteH h1 {
  text-align: center;
  color: #ffffff;
  padding-left: 15px;
  padding-right: 15px;
}

.projektButtonContainer {
  background-image: url(/index.php?id=45);
  padding: 30px 0px 0px 0px;
  margin: 150px -15px 30px -15px;
}

/* PROJEKT */
.projekt_text p, .projekt_logo p, .projekt_url p {
  margin: 0px;
  padding: 0px;
}

.projekt_text {
  padding: 45px 45px 45px 15px;
  background-color: #5fbccc;
  color: #ffffff;
}

.projekt_logo {
  padding: 45px 15px;
  background-color: #ffffff;
}

.projekt_url {
  padding-top: 25px;
  padding-bottom: 25px;
  background-color: #6c6c6c;
  font-size: 26px;
  margin-bottom: 20px;
}

.projekt_url a {
  color: #2483a0;
  font-weight: 300;
  text-decoration: none;
}

.projekt_url a:hover {
  color: #ffffff;
  font-weight: 300;
  text-decoration: none;
}

/* BOOTSTRAP */
.btn {
display: inline-block;
padding: 6px 35px 6px 35px;
border-left: 2px solid #2483a0;
border-top: 2px solid #2483a0;
border-right: 2px solid #2483a0;
border-bottom: 0px solid #ffffff;
border-radius: 0px;
font-size: 18px;
}

.btn:hover {
border-left: 2px solid #2483a0;
border-top: 2px solid #2483a0;
border-right: 2px solid #2483a0;
border-bottom: 0px solid #ffffff;
border-radius: 0px;
}

.btn-primary {
  color: #2483a0;
  background-color: #ffffff;
  text-decoration: none;
  text-transform: uppercase;
}

.btn-primary:hover {
  color: #6c6c6c;
  background-color: #ffffff;
  text-decoration: none;
  text-transform: uppercase;
}
@media (min-width: 0px) and (max-width: 767px) {body { padding-top: 50px; }/* NAVIGATION */
.navbar-brand {
padding: 7px 15px 7px 15px;
}

/* Karussel */
#myCarousel .carousel-caption {
  top: 10%;
  left: 10%;
}
  
#myCarousel .carousel-caption h1 {
  font-size: 18px;
  padding: 10px 15px;
  width: 100%;
}

/* PROJEKTE */
.projekte_text1, .projekte_text2 {
  padding: 30px 15px;
  min-height: inherit;
}

.projektRightContainer {
  min-height: 350px;
}

.projektButtonContainer {
  background-image: url(/index.php?id=45);
  padding: 30px 0px 0px 0px;
  margin: 0px -15px;
}

/* SOCIAL MEDIA */
#socialmedia {
  margin-bottom: 10px;
  text-align: center;
}

/* TEAM */
.teamBlock {
  min-height: auto;
}}

@media (min-width: 768px) and (max-width: 991px) {/* NAVIGATION */
.navbar-brand {
padding: 0px 15px 14px 15px;
}

.nav>li>a,
.nav>li.active>a {
padding-right: 9px;
}

.navbar .navbar-nav > li,
.navbar .navbar-nav > li.active > a,
.navbar .navbar-nav > li.active > a:hover,
.navbar .navbar-nav > li > a:hover,
.navbar .navbar-nav>.open>a,
.navbar .navbar-nav>.open>a:hover,
.navbar .navbar-nav>.open>a:focus {
font-size: 14px;
}

.navbar .navbar-nav > li > ul > li a,
.navbar .navbar-nav > li > ul > li a > ul > li a,
.navbar .navbar-nav > li > ul > li.active > a,
.navbar .navbar-nav > li > ul > li.active > a:hover,
.navbar .navbar-nav > li > ul > li:hover > a, 
.navbar .navbar-nav > li > ul > li.active:hover > a, 
.navbar .navbar-nav > li > ul > li > ul > li.active > a, 
.navbar .navbar-nav > li > ul > li > ul > li.active > a:hover, 
.navbar .navbar-nav > li > ul > li > ul > li:hover > a, 
.navbar .navbar-nav > li > ul > li > ul > li.active:hover > a
{
font-size: 14px;
}

#sprachen .btn {
padding-left: 2px;
padding-right: 2px;
}

/* Karussel */
#myCarousel .carousel-caption {
  top: 20%;
  left: 20%;
}
  
#myCarousel .carousel-caption h1 {
  font-size: 22px;
  width: 100%;
}

/* PROJEKTE */
.projekte_text1, .projekte_text2 {
  padding: 30px 15px;
  min-height: inherit;
}

.projektRightContainer {
  min-height: 450px;
}

.projektButtonContainer {
  background-image: url(/index.php?id=45);
  padding: 30px 0px 0px 0px;
  margin: 0px -15px;
}

/* TEAM */
.teamBlock {
  min-height: auto;
}}

@media (min-width: 992px) and (max-width: 1199px) {/* NAVIGATION */
.navbar-brand {
padding: 0px 40px 14px 15px;
}

.navbar .navbar-nav > li,
.navbar .navbar-nav > li.active > a,
.navbar .navbar-nav > li.active > a:hover,
.navbar .navbar-nav > li > a:hover,
.navbar .navbar-nav>.open>a,
.navbar .navbar-nav>.open>a:hover,
.navbar .navbar-nav>.open>a:focus {
font-size: 16px;
}

.navbar .navbar-nav > li > ul > li a,
.navbar .navbar-nav > li > ul > li a > ul > li a,
.navbar .navbar-nav > li > ul > li.active > a,
.navbar .navbar-nav > li > ul > li.active > a:hover,
.navbar .navbar-nav > li > ul > li:hover > a, 
.navbar .navbar-nav > li > ul > li.active:hover > a, 
.navbar .navbar-nav > li > ul > li > ul > li.active > a, 
.navbar .navbar-nav > li > ul > li > ul > li.active > a:hover, 
.navbar .navbar-nav > li > ul > li > ul > li:hover > a, 
.navbar .navbar-nav > li > ul > li > ul > li.active:hover > a
{
font-size: 16px;
}

#sprachen .btn {
padding-left: 5px;
padding-right: 5px;
}

/* STARTSEITE - Vier Blöcke */
.start4Block {
  min-height: 290px;
}

/* TEAM */
.teamBlock {
  min-height: 310px;
}}

