@charset "UTF-8";
/*
Theme Name: Ockenheim.de
Theme URI: http://www.ajknet.de
Description: <a href="http://www.ajknet.de" target="_blank">AJKnet</a> | Professionelles Webdesign für Firmen und Selbstständige.
Version: 1.0
Author: AJKnet
*/

@media all
{
  html *					{ font-family: 'Roboto', sans-serif; line-height: 150%;  }
  body						{ margin: 0; padding: 0; background: #fff; }
  body, textarea, pre, code,
  kbd, samp, var, tt, td	{ font-family: 'Roboto', sans-serif; font-weight: 400; font-size: 15px; color: #363636; line-height: 150%; }
  img						{ border: 0; max-width: 100%; height: auto; }

  h1, h2, h3, h4, h5, h6	{ text-transform: uppercase; }
  h1						{ font-size: 1.667em; font-weight: 400; margin: 0 0 30px 0; padding: 0; } 
  h2			 			{ font-size: 1.400em; font-weight: 400; margin: 0 0 10px 0; padding: 0; }
  h3			 			{ font-size: 1.200em; font-weight: 400; margin: 0 0 5px 0; padding: 0; }
  h4			 			{ font-size: 1.133em; font-weight: 400; margin: 0 0 5px 0; padding: 0; }
  h5			 			{ font-size: 1.067em; font-weight: 400; margin: 0 0 5px 0; padding: 0; }
  h6, h7		 			{ font-size: 1.000em; font-weight: 500; margin: 0 0 5px 0; padding: 0; }


  hr						{ color: #fff; background: transparent; margin: 0 0 0.5em 0; padding: 0 0 0.5em 0; border: 0; border-bottom: 1px #e0e0e0 solid; }

  a, a:visited 				{ color: #779911; background: transparent; text-decoration: none; }
  a:focus, a:hover, 
  a:active 					{ color: #23aae2; text-decoration: none; }

  table						{ width: auto; margin-bottom: 0.5em; }
  td						{ vertical-align: top; }
     
  /*--- citeste mai departe in articol ---*/
  .more-link 				{ font-weight: 500; text-transform: uppercase; }
  
  /*--- Login Link ---*/
  .login-link				{ text-align: center; margin-top: 15px; }
  .login-link a				{ color: #93c9e0; font-size: 0.875em; text-transform: uppercase; }
  .login-link a:hover		{ color: #fff; }
  
  /*--- navigatia rezultatele cautarii ---*/
  .rezultatele-cautarii		{ margin-top: 30px; }
  .rezultatele-cautarii a	{ margin: 0 15px 0 0; text-transform: uppercase; font-weight: 500; }

  /*--- arata daca exista subpuncte ---*/
  .liste-unterpunkte		{ margin: 0; padding: 0; }
  .liste-unterpunkte li		{ margin: 0; padding: 0 0 7px 0; list-style-type: none; text-transform: uppercase; font-weight: 500; display: inline-table; float: left; }
  
   /*--- poza in articol ---*/
  .attachment-post-thumbnail,
  .wp-post-image			{ margin: 0 0 30px 0; } 

  /*--- navigatia principala ---*/
  #zeige-screen				{ position: relative; z-index: 99; }
  #main-nav					{ height: 50px; margin: 0; padding: 0; background: #fff; text-transform: uppercase; }
  #main-nav ul				{ margin: 0; padding: 0; }
  #main-nav li				{ height: 50px; line-height: 50px; display: block; float: left; margin: 0; padding: 0; position: relative; } /**** hoehe koordinieren ****/
  #main-nav li a			{ height: 50px; line-height: 50px; display: block; padding: 0 18px; color: #363636; font-weight: 500; text-decoration: none; } /**** hoehe koordinieren ****/
  
  #main-nav .current-menu-item a, 
  #main-nav .current_page_item a { color: #fff; background: #87be3f; } 
  #main-nav a:hover 			 { color: #fff; background: #87be3f; }

  #main-nav ul ul 			{ left: 0; top: 50px; display: none; position: absolute; margin: 0; padding: 0; z-index: 999; } /**** hoehe koordinieren ****/
  #main-nav ul ul li		{ width: 280px; height: auto; float: none; border-top: 1px solid #89ba1c; } /**** breite koordinieren ****/
  #main-nav ul ul li a 		{ color: #363636; height: auto; text-align: left; background: #e0e0e0; } /**** hoehe koordinieren ****/
  #main-nav ul ul li a:hover{ color: #fff; background: #87be3f; }
  #main-nav ul li:hover > ul{ display: block; }
  #main-nav ul ul li ul 	{ left: 280px; top: 0; } /**** breite koordinieren ****/  
 
  /*--- navigatia mobila ---*/
  .navi-width-hack				{ padding: 0; }
  .container-navi				{ background: #fff; border-top: 1px solid #89ba1c; border-bottom: 1px solid #89ba1c; margin-bottom: 1px; }
  .navbar-default				{ margin: 0!important; padding: 0 !important; border-radius: 0 !important; border: 0 !important; background: none !important; }
  
  .nav > li > a 				{ padding: 15px 20px; text-transform: uppercase; font-weight: 500; }
  
  .navbar-default .navbar-nav > li > a 			{ color: #363636; }
  .navbar-default .navbar-nav > li > a:hover 	{ color: #fff; background: #87be3f;  }
  .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover 
  												{ color: #fff; background: #87be3f }
  .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover 
  												{ color: #fff; background: #87be3f; }												
																				
  .dropdown-menu				{ background: #e0e0e0 !important; border-radius: 0!important; padding: 0; margin: 0; border: 0; }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a { color: #363636; padding: 15px 20px; text-transform: uppercase; font-weight: 500; border-top: 1px solid #89ba1c; }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover
  								{ color: #fff; background: #87be3f; }
  .dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover 
  								{ color: #fff; background: #87be3f; }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover 
								{ color: #fff; background: #87be3f; }							
  
  /*--- #################### WIDGET #################### ------------------------------------------------------------------------*/
  .header-text h1, .header-text h2, .header-text h3, .header-text h4, .header-text h5, .header-text h6, .header-text h7
  #header-text-titel	{ display: none; }
  .header-text			{ padding: 3px 0 3px 0;  }
  .header-text p		{ margin: 0; padding: 0; }
  .header-text-bg		{  }
  .header-text a		{  }
  .header-text a:hover	{  } 
  .header-text-spacer	{  }
  .header-text-spacer ul,
  .header-text-spacer li{ list-style: none; margin: 0; }
  
  .icons h1, .icons h2, .icons h3, .icons h4, .icons h5, .icons h6, .icons h7
  #icons-titel			{ display: none; }
  .icons				{ margin: 0; padding: 0; line-height: 0; padding: 0; }
  .icons p				{ margin: 0; padding: 0; line-height: 0; }
  .icons-bg				{  }
  .icons a				{  }
  .icons a:hover		{  } 
  .icons-spacer			{ margin: 0; padding: 0; line-height: 0; }
  .icons-spacer ul,
  .icons-spacer li		{ list-style: none; margin: 0; }  
  
  .teaser h2,
  #teaser-titel			{ font-size: 1.467em !important; font-weight: 400 !important; padding: 0 !important; margin: 0 0 10px 0 !important; background: none !important;  }
  .teaser				{ font-size: 1.200em; text-transform: uppercase; padding: 90px 0 120px 0;  }
  .teaser p				{  }
  .teaser-bg			{  }
  .teaser a				{ text-transform: uppercase; font-weight: 500;  }
  .teaser a:hover		{  } 
  .teaser-spacer		{  }
  .teaser-spacer ul,
  .teaser-spacer li		{ list-style: none; margin: 0; } 
  
  #footerboxen-titel	{  }
  .footerboxen			{  }
  .footerboxen p		{  }
  .footerboxen a		{ text-transform: uppercase; font-weight: 500; }
  .footerboxen a:hover	{  } 
  .footerboxen-spacer	{ padding: 0 0 30px 0; }
  .footerboxen-spacer ul,
  .footerboxen-spacer li{ list-style: none; margin: 0; }
 
  #anschrift-titel		{  }
  .anschrift			{ color: #fff; margin-top: 30px;  }
  .anschrift p			{  }
  .anschrift a			{ color: #fff; text-transform: uppercase; font-weight: 500;  }
  .anschrift a:hover	{ color: #363636; } 
  .anschrift-spacer		{  }
  .anschrift-spacer ul,
  .anschrift-spacer li	{ list-style: none; margin: 0; } 
 
  .sidebarboxen h2,
  #sidebarboxen-titel	{ font-size: 1.000em !important; color: #fff !important; font-weight: 500 !important; background: #23aae2 !important; margin: 0 !important; padding: 15px 5px 15px 15px !important; }
  .sidebarboxen			{ margin-bottom: 30px;  }
  .sidebarboxen p		{  }
  .sidebarboxen a		{ font-weight: bold; text-transform: uppercase;  }
  .sidebarboxen a:hover	{  } 
  .sidebarboxen-spacer	{ background: #e0e0e0; }
  .sidebarboxen-spacer .textwidget { padding: 30px 15px;  }
  .sidebarboxen-spacer ul,
  .sidebarboxen-spacer li	{ list-style: none; margin: 0; } 
  
  /*--- tagcloud widget linkuri un pic mai deosebit ---*/
  .tagcloud a, 
  .tagcloud a:visited		{ background: #87be3f; padding: 5px 15px; display: inline-table; margin: 2px 0px 2px 0; }
  .tagcloud a:hover, 
  .tagcloud a:active		{ text-decoration: none; }

  /*--- cauta Widget ---*/
  li.widget_search 			{ list-style: none; } 
  #searchform	 			{ padding: 30px 15px 30px 15px; }
  #searchform input 		{ padding: 3px; margin-bottom: 15px; }
  #s						{ display:block !important; width: 100%; padding: 2px; border: none !important; }
  #searchsubmit, 
  .wpcf7-submit,				
  #commentsubmit			{ color: #fff; font-weight: 500; text-transform: uppercase; background: #87be3f; border: 0; padding: 2 10px; cursor:pointer; width: 100px; }
 
  /*--- Ad Engine Banner administrare ---*/
  .ad						{ text-align: center; }
  .ad_caption				{ text-align: left; display: block; margin: 15px; }

  /*--- Text sub pozele cu descriere ---*/
  .wp-caption-text			{ font-style: italic; padding-right: 15px; margin-bottom: 0; }
    
  /*--- #################### GATA WIDGET #################### ------------------------------------------------------------------------*/

  /*--- #################### NGG GALERIE PLUGIN #################### ------------------------------------------------------------------------*/
  /* CSS Name: Hovereffect Styles */
  .ngg-breadcrumbs						{ text-transform: uppercase; font-weight: 500; margin-bottom: 15px !important; } 
  
  /* ----------- OK Album Styles Extend -------------*/
  body .ngg-albumoverview				{ width: 100%; clear: both; display: block !important; }
  body .ngg-album						{ overflow: hidden; padding: 0; margin-bottom: 40px; border: none; }
  body .ngg-albumtitle					{ font-size: 1.267em; font-weight: 400; margin: 0 0 15px 0; padding: 0; text-transform: uppercase; } /* ----------- ca si h2ul -------------*/
  body .ngg-thumbnail 					{ float: left; margin-right: 30px; background: none; border: 0; color: inherit; padding: 0; }
  body .ngg-thumbnail img 				{ background: none;	vertical-align: top; border: 0; padding: 0; margin: 0; }
  body .ngg-thumbnail img:hover 		{  }
  body .ngg-description .ngg-album-gallery-image-counter {  }

  /* ----------- OK Album Styles Compact  -------------*/
  .ngg-album-gallery-image-counter		{ }

  /* ----------- OK Gallery style -------------*/
  body .ngg-galleryoverview				{ overflow: hidden; width: 100%; clear: both; display: block !important; margin: 0  !important; }
  body .ngg-gallery-thumbnail-box 		{ float: left; background: none; border: 0; display: inline; margin: 0 30px 30px 0; padding: 0; position: relative; }
  body .ngg-gallery-thumbnail			{ float: left; border: none !important; background: none !important; margin: 0 !important;   }
  .ngg-gallery-thumbnail a 				{ display: block; margin: 0 !important; border: none; box-shadow: none; }
  
  body .ngg-gallery-thumbnail img 		{ background: none; color: inherit; padding: 0px; vertical-align: top; border: none; margin: 0; }
  body .ngg-gallery-thumbnail img:hover { } 
  body .ngg-gallery-thumbnail span 		{ padding: 0; display:block; }
  body .ngg-clear						{ clear: both; }

  /* ----------- OK Gallery navigation -------------*/
  body .ngg-navigation		{ display: block; float: left; padding: 0; width: 100%; }
  body .ngg-navigation span	{ margin: 0; }
  body .ngg-navigation a.page-numbers,
  body .ngg-navigation a.next,
  body .ngg-navigation a.prev, 
  body .ngg-navigation span.page-numbers,
  body .ngg-navigation span.next,
  body .ngg-navigation span.prev { 
  								float: left !important; 
								text-align: center !important;
								background: #87be3f !important;
    						  	color: #fff !important;
    						  	display: inline-table !important;
    						  	font-size: 0.786em !important;
    						  	margin: 0 15px 15px 0 !important;
    						  	padding: 15px 20px !important;
    						  	text-decoration: none !important;
								border: none !important;
								}
  .current						{
  								float: left !important; 
								text-align: center !important;
								background: #23aae2 !important;
    						  	color: #fff !important;
    						  	display: inline-table !important;
    						  	font-size: 0.786em !important;
    						  	margin: 0 15px 15px 0 !important;
    						  	padding: 15px 20px !important;
    						  	text-decoration: none !important;
								border: none !important;
								}
  body .ngg-navigation a.page-numbers:hover,
  body .ngg-navigation a.next:hover,
  body .ngg-navigation a.prev:hover, 
  body .ngg-navigation span.page-numbers:hover,
  body .ngg-navigation span.next:hover,
  body .ngg-navigation span.prev:hover { 
  								background: #23aae2 !important; color: #fff !important;
								}

  /* ----------- OK NextGEN Basic ImageBrowser -------------*/
  body .ngg-imagebrowser				{ }
  body .ngg-imagebrowser h3				{ display: none; }
  body .ngg-imagebrowser .pic			{ background: none; border: 0; display: block; padding: 0; }
  .ngg-imagebrowser .pic a 				{ margin: 0 !important;  }
  body .ngg-imagebrowser img			{ width: 100%; margin: 0; background: none;  padding: 0; vertical-align: top; }
  body .ngg-imagebrowser-nav			{ padding: 10px 0; }
  body .ngg-imagebrowser-nav .back 		{ float: left; border: 1px solid #89ba1c; margin-right:0 ; padding: 5px 10px; }
  body .ngg-imagebrowser-nav .next 		{ float: right; border: 1px solid #89ba1c; margin-right: 0; padding: 5px 10px; }
  body .ngg-imagebrowser-nav .back:hover,
  body .ngg-imagebrowser-nav .next:hover { }
  body .ngg-imagebrowser-nav .back a:hover,
  body .ngg-imagebrowser-nav .next a:hover { text-decoration: none !important; }
  body .ngg-imagebrowser-nav .counter 	{ text-align:center; }
  .exif-data							{ margin-left: auto !important; margin-right: auto !important; }

  /* ----------- Slideshow -------------*/
  .slideshow							{ margin-left: auto; margin-right: auto; outline: none; }
  .slideshowlink						{ }

  /* ----------- OK NextGEN Basic Slideshow -------------*/
  body .ngg-slideshow					{ overflow: hidden; position: relative; text-align:left!important; }
  body .ngg-slideshow *					{ vertical-align: middle; }
  body .ngg-slideshow-loader			{ display: table-cell; text-align: center; vertical-align:middle; }
  body .ngg-slideshow-loader img 		{ background: none !important; border: 0 none !important; margin:auto !important; }

  /* ----------- Single picture -------------*/
  body .ngg-singlepic			{  }
  body .ngg-left				{ float: left; margin-right: 10px; }
  body .ngg-right				{ float: right; margin-left: 10px; }
  body .ngg-center				{ margin-left: auto !important; margin-right: auto !important; }

  /* ----------- JS Sidebar widget -------------*/
  body .ngg-widget,
  body .ngg-widget-slideshow			{ overflow: hidden; margin:0; padding: 0 0 10px 0; }
  body .ngg-widget img 					{ background: none; border: 0; margin: 10px 0 0 10px; padding: 0; }

  /* ----------- Related images -------------*/
  body .ngg-related-gallery		{ background: none; border: 0; overflow: hidden; margin-bottom: 10px; padding: 0; }
  body .ngg-related-gallery img { border: 0; float: left; margin: 0pt 5px; padding: 0; }
  body .ngg-related-gallery img:hover { border: 0; }

  /* ----------- Gallery list -------------*/
  body .ngg-galleryoverview ul li:before { content: '' !important; }
  body .ngg-gallery-list		{ list-style-type:none; padding: 0px !important; text-indent:0px !important; }
  body .ngg-galleryoverview div.pic img { width: 100%;	}
  body .ngg-gallery-list li		{ float:left; margin:0 5px 0px 5px !important; overflow:hidden; }
  body .ngg-gallery-list li a	{ border:1px solid #e4e4e4; display:block; padding:5px; }
  body .ngg-gallery-list li.selected a { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:#000000 none repeat scroll 0 0; }
  body .ngg-gallery-list li img { height:40px; width:40px; }
  libody .ngg-next, libody .ngg-prev { height:40px; width:40px; }
  libody .ngg-next a, libody .ngg-prev a  { padding-top: 10px; border: none; text-decoration: none; }

  /*--- #################### GATA NGG GALERIE PLUGIN #################### ------------------------------------------------------------------------*/

  /*--- formulare ---*/
  form 						{ margin: 0; padding: 0; }
  input,
  textarea					{ border: 1px solid #c7c7c7; width: 95%; padding: 5px; }
  
  .form-text				{ margin: 0 0 5px 0; }
  .form-feld				{ margin: 0 0 15px 0; }
  
  /*--- Hack Datenschutzgesetz 2018 in Formular ---*/
  .acceptance-container		{ margin: 0 0 30px 0; }
  
  .acceptance-input			{ }
  .acceptance-input label	{ font-weight: inherit !important; color: red; }
  .acceptance-input input 	{ width: inherit !important; }
  span .wpcf7-list-item		{ margin: 0 !important; }

  /*--- comentarii boxe ---*/
  .comment					{ height: auto; width: auto; overflow: auto; border-top: 1px solid #89ba1c; padding: 15px 0; }  
  
  /*--- numeroteaza paginile ----------------------------------------------------------------------------------------- */
  .pagination 				{ display: block !important; float: left !important; padding: 0 !important; width: 100% !important; border-radius: 4px !important; }
  .pagination ul			{ list-style: none !important; margin: 0 !important; padding: 0 !important; }
  .pagination li 			{ float: left !important; text-align: center !important; margin: 0 !important; }
  .pagination li a 			{ background: #87be3f !important;
    						  color: #fff !important;
    						  display: inline-table !important;
    						  font-size: 0.786em !important;
    						  margin: 0 15px 15px 0 !important;
    						  padding: 15px 20px !important;
    						  text-decoration: none !important; }
  .pagination li a:hover 	{ background: #23aae2 !important; color: #fff !important; }
  .pagination .current 		{ background: #23aae2 !important;
    						  color: #fff !important;
    						  display: inline-table !important;
    						  font-size: 0.786em !important;
    						  margin: 0 15px 15px 0 !important;
    						  padding: 15px 20px !important;
    						  text-decoration: none !important; }
  
  /*--- #################### RARFOLOSITE #################### ------------------------------------------------------------------------*/
  /* --- text aditional --- */
  p							{ margin: 0 0 1.5em 0; }
  blockquote, cite, q		{ font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; }
  blockquote 				{ margin:0 0 1em 1.5em; }
  strong, b					{ font-weight: 500; color: #686868; }
  em, i						{ font-style: italic; }
  big						{ font-size: 116.667%; }
  small						{ font-size: 91.667%; }
  pre						{ line-height: 1.5em; margin: 0 0 1em 0; }
  pre, code, kbd, tt,
  samp, var 				{ font-size: 100%; }
  pre, code					{ color: #800; }
  kbd, samp, var, tt		{ color: #666; font-weight: bold; }
  var, dfn					{ font-style:italic; }
  acronym, abbr				{ border-bottom: 1px #aaa dotted; font-variant: small-caps; letter-spacing: .07em; cursor: help; }
  sub, sup					{ font-size: 91.6667%; line-height: 0; }
  
  /* --- liste --- */
  ul, ol, dl				{ line-height: 150%; }
  ul						{ list-style-type: circle; margin-bottom: 30px; }
  ul ul						{ list-style-type: circle; margin-bottom: 30px; }
  ol						{ list-style-type: decimal; }
  ol ol						{ list-style-type: lower-latin; margin-bottom: 30px; }
  li						{ line-height: 150%; }
  dt						{ font-weight: bold; }
  dd						{ margin: 0 0 1em 0.8em; }
  
  /*--- sidebar --- */
  .sidebar					{ width: auto; margin: 0; padding: 0; overflow: auto; }
  .sidebar li 				{ list-style-type: none; margin: 0; padding: 0; }
  .sidebar li ul li 		{ padding: 0; margin: 0; }
  .sidebar li ul li ul 		{ padding: 0; margin: 0; }
   
  
  /*--- aligns --- */
  .alignleft				{ float: left; margin: 0 30px 15px 0; }	
  .alignright				{ float: right; margin: 0 0 15px 30px; }
  .aligncenter				{ margin: 0 auto; }
  img.aligncenter			{ display: block; margin: 0 auto; }

  /*--- #################### PROJEKT #################### ------------------------------------------------------------------------*/
  /*--- Randlose Inhalte --- */
  .no-padding				{ padding: 0 !important; }

  /*--- Top Leiste --- */
  .container-top-leiste		{ padding: 5px 0; }
  .flags					{ text-align: right; }
  .flags a img				{ margin: 0 3px; }
  
  /*--- Header --- */
  .container-header			{ border-top: 1px solid #89ba1c; background: url(images/bg_header.png) repeat-x; }
  .firma-logo				{ }
  .marke-logo				{ text-align: center; background: url(images/line-vertikal.png) repeat-y; }  
  
  /*--- Poza cap + Bg Hack --- */
  .poza						{ margin: 0 0 0 1px; }
  .hide-bg-farbe			{ overflow: hidden !important; }
  
  .headerpic-icons-bg		{ background: #87be3f url(images/whiteline-vert.png) repeat-y right top; margin-bottom: -99999px; padding-bottom: 99999px; }
  .icons					{ background: url(images/whiteline-hori.png) repeat-x bottom left; }
  .icons:hover				{ background: #009ee0 url(images/whiteline-hori.png) repeat-x bottom left; }

  /*--- Titlu individual --- */
  .container-titlu-individual	{ background: #e0e0e0 url(images/bg_teaser.png) no-repeat center bottom; text-align: center; }

  /*--- Main --- */
  .main						{ padding: 90px 0; }

  /*--- Footerboxen --- */
  .container-footerboxen	{ background: #e0e0e0; border-top: 1px solid #89ba1c; padding: 90px 0 60px 0; }

  /*--- Footer --- */
  .container-footer			{ text-align: center; background: #009ee0; padding: 80px 0 120px 0; margin-top: 1px; } 

  /*--- Cauta doar prima pagina --- */
  .container-cauta				{ background: #ededed; border-top: 1px solid #89ba1c; padding: 30px 0 15px 0; } 
  .titlu-cauta					{  } 
  
  .cauta-form #searchform		{ padding: 0; }
  
  .cauta-form #searchform input { padding: 3px; margin: 0 15px 15px 0; }
  .cauta-form #s				{ display:block !important; width: 75%; padding: 2px; border: none !important; float: left; } 
  
  /*--- Liste --- */
  .liste					{ margin-bottom: 30px; } 


  }
  
  /*--- #################### Media Queries #################### ------------------------------------------------------------------------*/  
  @media (min-width: 768px){
  #zeige-mobile				{ display: none; }
							}
  
  @media (max-width: 768px){
  #zeige-screen				{ display: none; }
							}
  							
  @media (max-width: 992px)	{
  .container-top-leiste		{ text-align: center; }
  .flags					{ text-align: center; }

  .titlu-cauta h2			{ margin-bottom: 15px; }
  .cauta-form #s			{ width: 100%; } 
							}
							
  @media (max-width: 768px)	{
  .firma-logo				{ text-align: center; }  
  							}

  /*--- Smartphone Hack fuer NextGen Album Darstellung Responsive Text unter Picture --- */							
  @media (max-width: 550px)	{
  .ngg-thumbnail		 	{ width: 100%; margin-bottom: 15px; }
  .ngg-thumbnail img	 	{ width: 100%; }
  							}