/*
Theme Name: twentysixteen Child
Theme URI: 
Description: Twentysixteen Child Theme
Author: Max Eichner
Author URI: http://www.o8design.de
Template: twentysixteen
Version: 1.0.0
*/




@import url("../twentysixteen/style.css");
/*@import url('https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,500i,700,700i');*/






/* =Theme customization starts here

hölscher dark blue:; 	#2c3370, rgb(44,55,112)
hölscher grau:	 		#898989, rgb(137,137,137)


-------------------------------------------------------------- */



/* roboto-300 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/roboto-v30-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v30-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v30-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v30-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v30-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v30-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-300italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/roboto-v30-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v30-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v30-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v30-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v30-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v30-latin-300italic.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-v30-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v30-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v30-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v30-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v30-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v30-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/roboto-v30-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v30-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v30-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v30-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v30-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v30-latin-italic.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-500 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/roboto-v30-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v30-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v30-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v30-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v30-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v30-latin-500.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-500italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  src: url('../fonts/roboto-v30-latin-500italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v30-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v30-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v30-latin-500italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v30-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v30-latin-500italic.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-700 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/roboto-v30-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v30-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v30-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v30-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v30-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v30-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-700italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/roboto-v30-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v30-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v30-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v30-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v30-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v30-latin-700italic.svg#Roboto') format('svg'); /* Legacy iOS */
}







		
body                                    {background: #f2f2f2}						
body, h1, h1.entry-title, h2, h3, .page-title, 
h1 a, h1.entry-title a, h2 a, h3 a  	{font-family: roboto; font-weight: 300 !important;}
*                                       {font-family: roboto;}
h3                                      {font-size: 1.3rem !important}
h1.entry-title							{color:#2c3370; margin:30px 0 20px 0;}

a										{color: #2c3370;}
aside#secondary a                       {color: #2c3370; text-decoration: underline; box-shadow:none !important}


#page							        {margin:0;}
body::after, body::before		        {content: none; height:0 !important}



.search .entry-title                    {font-size: 1em;}
.page-title                     {font-size: 1.3em; margin-top: 10px;}
.search .hentry                         {margin:0;}
.search .pagination .prev, 
.search .pagination .next               {background: #2c3370;}
.search .page-header                    {border-top: 0;}
.search .pagination                     {border-color:  #2c3370;}


#cookie-notice                                             {background-color: rgba(44,55,112, 0.95) !important; min-height:100px !important; left: 22%; margin-top:200px !important; position: absolute !important; min-width: 0 !important;}
#cookie-notice .cookie-notice-container                    {top: 30%; position: relative; padding: 15px 40px 15px 30px;}
#cookie-notice .cookie-notice-container .cn-set-cookie     {background: white !important; color:black !important; text-shadow: none;}
#cookie-notice #cn-notice-text                             {font-size: 14px !important;}


.blue-field                             {height:330px; width:1332px; position: relative; margin: 0 auto; background: #2c3370; border:0px solid red;right: -250px;}
.blue-field p                           {padding: 30px 15px 20px 25px; float:right; width:22.5%; text-align: left; color: white; font-size: 1.15em;}    
.blue-field img                         {margin-top:25px;}
.home .blue-field                       {height:446px;}
.owl-carousel					        {height:330px; width: 77.5%; position: relative;}
.owl-carousel .slide			        {height:330px; background: url("http://hoelscher/wp-content/uploads/2016/12/slider-stifte.jpg") center, center; text-align: left; margin:0 auto;}
.owl-carousel .slide  .positioner       {position: absolute; bottom:0; left: 40px; min-width:700px;}
.owl-carousel .slide  .positioner  i    {color:white; font-size: 12px; background: rgba(44,55,112,0.5); }
.owl-carousel .slide span		        {font-size:2.1rem; background: rgba(44,55,112,0.5); font-family: Roboto, 'Josefin Sans', sans-serif; font-weight:100; color: white; line-height: 1.43em; position:relative; bottom: 0; padding: 4px;}
.owl-carousel .owl-controls		           {position: relative; top:-50%; font-size: 4.5em color:white; margin-top:-30px;}
.owl-carousel .owl-controls	.owl-nav div			{font-size: 5em; color:white;  font-family: roboto; font-weight: 300; position: absolute; left:0px; top:-10px; font-size:0; width:60px; height:60px;}
.owl-carousel .owl-controls	.owl-nav .owl-next		{background: url(images/slider-arrow-right.png); right:0px; left:auto; }
.owl-carousel .owl-controls .owl-nav .owl-prev      {background: url(images/slider-arrow-left.png);}

.home .owl-carousel					{height:446px;}
.home .owl-carousel	.slide			{height:446px;}



p                                   {line-height: 1.2em; font-size:0.9rem;}
strong, b                             {font-weight: 500 !important; color: #2c3370}
.site                               {background: none;}
.site-header-main					{margin-top:0; background: white; position: relative; text-align: right;}



.sidebar                            {width:22.5%; margin-left:77.5%;}
.content-area                       {width:77.5%; border-right:1px solid #cecece; padding:0 40px;}


.site-title							{display: none;}
.site-inner 						{max-width: none}
.site-content                       {background: white; padding:0; position: relative;}
.header-content, .site-content, .footer-content, .blue-field {max-width: 1332px; width:100%; margin: 0 auto; right: -100px;}





footer#colophon						{background: #898989; padding:0; }
aside#secondary                     {margin-top:30px; float:right;}
aside#secondary section             {padding:0 20px;}
aside#secondary .widget             {border-top:0; line-height:1.3em; padding:20px;}
aside#secondary .widget .widget-title          {padding-bottom: 5px; margin:0; font-size: 1em; font-family: roboto; font-weight:500 !important;}
aside#secondary .widget:first-child  {background: none; padding-top: 0; line-height:1.4em;}

.header-content						{position: relative; height:179px;}	
.site-header						{padding:0;}
.site-branding						{margin:0; text-align: left; margin-left:23px;}
.site-header-menu					{margin:0;}			


        .slider-tel                 {width:1000px; height:330px; background: #2c3370; position: absolute; left:-1000px; top: 178px; cursor:pointer; z-index: 100; color: white; padding-right: 60px;}
.home   .slider-tel                 {height:446px;}

.slider-tel .slider_top             {font-size: 1.4em; padding:20px 0px 0px 40px; width:220px; border-top:1px solid #ccc; position: absolute; text-align:left; right: 60px;}
.slider-tel span.slider_bottom      {font-size: 0.6em !important; display: block; line-height: 1.2em; margin-top:8px;}

.slider-tel .label                  {width:70px; height:260px; background: #2c3370 url(images/slider-tel.png) 0 0 no-repeat; position: absolute; right:-70px; top: 1px; cursor:pointer; background: #2c3370 url(images/slider-tel.gif) no-repeat;}
.slider-tel .label .tel             {transform: rotate(90deg); font-size: 20px; color: white; margin-top:94px; line-height: 1em; white-space: nowrap; pointer-events: none;}
.slider-tel .label .tel span        {font-size: 12px;}





#site-header-menu															{top:0px; position:relative; z-index: 1000;}
.main-navigation															{font-family:roboto; font-weight: 300; text-align: center; top:-70px; margin: 0; margin-left:25px;}
.main-navigation ul.primary-menu>li  										{border-bottom: 8px solid transparent; height: 40px;}
.main-navigation ul.primary-menu>li:hover  									{border-bottom: 8px solid #5d6291;}
.main-navigation ul li a													{color:#2c3370; background: url("images/nav-tic.gif") right center no-repeat;}
.main-navigation ul ul a													{color:#2c3370; background: none}
.main-navigation li:hover													{transition: all 0.5s;}
.main-navigation ul li ul                                                   {transition: all 0.5s;}
.main-navigation .current-menu-item > a, .main-navigation .current-menu-ancestor > a		{font-weight: 300;}
.main-navigation .sub-menu													{width:500px !important; background: rgba(137,137,137,0.8); top:39px; padding-bottom:50px; border:0;}
.main-navigation .sub-menu	li:hover										{background: rgb(44,55,112); transition: all 1s;}
.main-navigation .sub-menu	li:hover a										{color:white;}
.main-navigation .sub-menu  li:hover ul                                     {left:490px; right:auto; transition: none !important; width: 400px !important; top:0;}
.main-navigation ul ul::before, .main-navigation ul ul::after  				{content: none;}
.main-navigation li:hover > ul, .main-navigation li.focus > ul				{right:auto;}

.main-navigation .sub-menu li												{background: none; border:0; color:white; text-align:left;}
.main-navigation .sub-menu li a												{color:white;}
.main-navigation ul ul a 													{width: auto;}

.main-navigation ul ul .menu-item-has-children > a::after                   {transform: rotate(-90deg);}



.menu-service-container                     {font-size: 0.8125rem !important; position:absolute; top:61px; right: 0px;}
.menu-service-container ul                  {top:0!important;}
.menu-service-container		ul 				{list-style: none; top:4px; position: relative; width:400px; float:right; margin-right:205px;}
.menu-service-container		ul li  			{float:right;}
.menu-service-container		ul li a 		{color:#898989; padding: 10px; background: url("images/nav-tic.gif") left center no-repeat;}







/*
div.stoerer         {background:  red; color: white; position: absolute; z-index: 10000; top: 57%; left: 25%; width: 45%; text-ading: left; padding: 30px; border: 2px dotted white; 
                     box-shadow: 12px 12px 12px rgba(0,0,0,0.2);  transform: rotate(-4deg); xxxdisplay: none}

div.stoerer   h2    {font-weight: bold !important; font-size:  2rem; line-height:  2.2rem}
div.stoerer   p     {margin-top:  20px; font-size:  1.1rem; margin-bottom:  5px}
div.stoerer   p a   {font-weight: bold !important; color: white}
*/



@media only screen and (max-width: 1280px) {
      div.stoerer                   {top:  45%; width: 76%; left:  12%}
}
@media only screen and (max-width: 450px) {
      div.stoerer                   {top:  40%; width: 84%; left:  8%; padding: 20px; }
}













.widget .widget-title                           {text-transform: none; color: #2c3370; letter-spacing:0;}
.widget                                         {border-top: 5px solid #2c3370; margin:0 0 1px 0; xxxpadding:20px;}
.widget_footer                                  {border:0;}

.widget_footer	ul 								{list-style: none; top:4px; position: relative; margin-right:205px; }
.widget_footer  li                              {float: left; margin:0; disolay: inline;}
.widget_footer  li:last-child  a              {background: none;}

.widget_footer  li ul                           {margin:0;}
.widget_footer	ul li a 						{color: white; padding: 0 20px 0 0 !important; background: url("images/nav-tic.gif") right 10px center no-repeat;}

.widget_header                                  {position: absolute; width:200px; right:0; top:60px;}
.widget_header_top                              {display: inline;}

.textwidget span                                {color:#2c3370; padding-right:6px;}
.textwidget .fa                                 {font-size: 15px;}    

.image-text-widget-text                         {background: white;}
.image-text-widget-text div                     {padding-left:20px; display: inline-block;}
.image-text-widget-text p                       {font-family: roboto; font-family: roboto; font-weight:300; font-size: 1em; display: inline-block; float:left;}



.site-main  .c1                                 {border-top:4px solid #2c3370; padding-top: 0px; width: calc(33% - 40px); font-size:0.8em; line-height:1.9em;}                                  
.site-main  article                             {border-top:4px solid #2c3370; float:right; width:calc(66.66%); padding:0px 0px 0px 0px;}  
.site-main  article  h1                         {margin-top:20px;}  
.site-main  article  p                          {font-size: 1em;}  

.site-main .wp-post-image                       {margin-top:40px;}


article ul                                      {list-style-image: url(images/list-icon.gif);}
article ul li                                   {line-height: 1.2em}



input[type="date"], input[type="time"], 
input[type="datetime-local"], input[type="week"], 
input[type="month"], input[type="text"], input[type="email"], 
input[type="url"], input[type="password"], input[type="search"], 
input[type="tel"], input[type="number"]  {
    background: #efefef;
    border: 0;
    border-radius: 2px 0 0 2px !important;
    color: #686868;
    cccpadding: 2px;
    xxxxpadding: 0.461538em 0.538462em !important;
    width: 100%;
    font-family: georgia !important; font-weight: 300 !important;
}









.social-navigation								{xxxdisplay: none;}
.site-info										{display: none;}

.entry-content ul 							{margin-left:20px;}


.home .teasergroup                                {border:0px solid red; text-align: left;}
.home .teasergroup h2						     {font-size: 0.9rem; margin:3px 0; color: #2c3370; }
.home .teasergroup .page_teaser					{float:left; width: calc(33% - 40px); font-size:0.8rem;  line-height:1.3em; margin-bottom: 30px; margin-right:40px;}
.home .teasergroup .page_teaser img 				{border-left: 12px solid #2c3370; width: 100%;}	
.home .teasergroup .page_teaser h3 				{margin: 10px 0 8px 0; font-size: 1rem; color: color: #2c3370;}	
.xxxteasergroup                                   {margin-top: 16px;}
.teasergroup::after {
	content: "";
	display: block;
	clear: both;
}


cfsffsfsfsdf{}




.teasergroup                                {text-align: left;}
.teasergroup h2                             {font-size: 0.9rem; margin:3px 0;  color: #2c3370;}
.teasergroup .page_teaser                   {float:left; width: calc(33% - 40px); font-size:0.8rem;  line-height:1.3em; margin-bottom: 24px; margin-right:40px;}
.teasergroup .page_teaser img               {border-left: 12px solid #2c3370;} 
.teasergroup .page_teaser h3                {margin: 10px 0 6px 0; font-size: 1rem; color: color: #2c3370;} 
.teasergroup .page_teaser a.teaserimage     {border-left: 12px solid #2c3370; display: block; xxxheight: 135px; xxxwidth: 100%;}


.sidebar .teasergroup h2						{font-size: 1.2rem; margin:10px 0; border-bottom:0px; }	
.sidebar .page_teaser	  						{float:none; width: auto; font-size:0.7rem; margin-right:0px; margin-bottom: 10px;}
.sidebar .teasergroup .page_teaser img 			{width: 40%;}	
.sidebar .teasergroup .page_teaser h3 			{margin: 5px 0 2px 0; font-size: 1rem; }
.sidebar .teasergroup .page_teaser h3 a         {margin: 5px 0 2px 0; font-size: 0.9em; text-decoration: none !important;}


.c1 .widget-area                                {float:left; margin-top:10px;}
.c1 .widget_left_column h2                      {margin: 10px 0 6px 0; font-size: 1.3rem; color: #2c3370;} 
.c1 .widget_left_column video                   {margin: 10px 0;} 


aside#secondary .widget_image_text_widget        {background: #e9e9e9; padding: 0px;}
aside#secondary .widget_image_text_widget  img   {width:100%;}


aside section             {padding:20px; background: #eaeaea;}





.menu-toggle       {display: block;}

.widget input[type="search"] 
    padding: 0.461538em 0.538462em;
}


.widget .search-field                                   {padding: 0.625em 0.4375em  !important; in1.61538!important}
.widget .search-field, .widget .search-field:focus      {background: #efefef !important;}
.widget .search-field::placeholder                      {font-size: 0.8125rem !important;}



.widget input.search-field                              {padding: 6px 8px !important; line-height: 20px!important; width: 100%;}
.widget .search-form                                    {top:-5px; position: relative;}
.widget .search-submit::before                          {font-size: 16px; width: 34px; line-height: 35px;}
.widget .search-submit                                  {width: 34px;}


.page-content .search-form                              {width: 40%}


.menu-toggle                                            {display: none; color: #2c3370; xxxbackground-color:#2c3370; font-family:roboto; border-radius: 0;}
.menu-toggle.toggled-on                                 {color: white; background-color:#2c3370; }
.menu-toggle.toggled-on:active                          {background-color:#2c3370; }



            
.widget_footer_bottom                                   {clear: both;}
.footer-content                                         {right:-100px; position: relative; padding:20px;}
.footer-content .main-navigation                        {display: none;}
.footer-content .textwidget                             {color: white; line-height: 1.2em;} 
.footer-content .textwidget strong                      {color: white; font-weight: 500 !important;} 
.footer-content .widget_footer_bottom   ul              {margin-left: 0; margin-right:0; max-width: 70%;}
.footer-content .widget_footer_bottom   ul li ul        {display: none;}
.footer-content .textwidget                             {font-size: 1.1em;}  
.footer-content .widget_footer_bottom a                 {font-size: 1.1em; padding: 0px 9px;}  

.widget_footer_bottom  .page_item br                   {display: none;}
.widget_header_top .menu-service-container              ul li:last-child a         {background: none}




.type-page .post-thumbnail             {display: none;}




.site-description   {display: none;}


.owl-stage {
   xxxtransition: 1s !important;
}

.widget-area video {width:274px;}


/* social media */
.fa-instagram {color: #2c3370;}
.fa-facebook  {color: #2c3370;}
.fa-linkedin  {color: #2c3370;}
.fa-xing      {color: #2c3370;} 


footer .fa-instagram {color: white;}
footer .fa-facebook  {color: white;}
footer .fa-linkedin  {color: white;}
footer .fa-xing      {color: white;} 

.socialmedia            {margin: 10px 0 20px 0 !important}
footer .socialmedia     {margin: 20px 0 0 -8px !important}
.socialmedia a.fa {display: inline; position: relative; margin-right: 30px; font-size: 24px; box-shadow: none;}




footer ul li {
    line-height: 1.25;
}



@media only screen and (max-width: 1500px) {
    .header-content, .site-content, .footer-content, .blue-field {right: 0px;}
    .slider-tel  {display: none;}
}


@media only screen and (max-width: 1350px) {
      .widget_header                  {right:10px;}
}




@media only screen and (max-width: 985px) {
    .owl-carousel .slide .positioner               {min-width: 0}
    .owl-carousel .slide span                      {font-size:1.7rem; line-height: 1.52em;}
    .owl-carousel .slide                           {background-size: cover;}

    .site-content                                  {right: auto;}
    #site-header-menu ul                           {background: white;}
    .teasergroup .page_teaser                      {width: calc(50% - 40px);}
    .teasergroup .page_teaser img                  {width: 60%}
    .home .teasergroup .page_teaser                      {width: calc(50% - 40px);}
    .home .teasergroup .page_teaser img                  {width: 60%}
    .page_teaser h3 a                               {font-size: 1.2rem;}
    
    aside#secondary                                {display: none;}
    .content-area                                  {border-right:0; width:100%;}    
    .site-main .c1                                           {width: 100%;}
    .site-main article                                       {width: 100% !important; margin-bottom: 0;}
    .site-main article .entry-header                         {padding: 0; margin:0;}
    .site-main article .entry-content                        {padding: 0; margin:0;}
    .main-navigation                                 {margin:0;}
    
    .widget_header                                          {top:150px;}
    .widget_header_top div:nth-child(1)                     {left:33px;}    
    .widget_header_top div:nth-child(1) ul                  {margin-right: 0px;}    
    .widget_header_top div:nth-child(1) ul  li a:fistChild  {border-left:none;}    
    .widget_header_top div:nth-child(2)                     {width: 80px; display: none;} 

    .menu-toggle                                            {display: block; position: absolute; z-index: 100; right:10px; top:0;}
    .main-navigation ul.primary-menu ul                     {padding-bottom: 0; width: 100% !important;}
    .main-navigation ul ul                                  {margin-left: 0;}
    .main-navigation ul.primary-menu li                     {height: auto; width: 100%; transition: none; text-align: left; border-bottom: 0; background: rgba(137,137,137,0.8); }
    .main-navigation ul.primary-menu ul li a                {margin-left: 30px; display:}
    .main-navigation ul.primary-menu ul li ul li a          {margin-left: 60px; display:}
    .main-navigation ul.primary-menu li:hover               {border-bottom: 0; transition: all 1s; background: rgb(44,55,112)}
    .main-navigation ul li a:hover                          {background-color: none}
    .main-navigation ul li:hover                            {background-color: none}
    .main-navigation li a                                   {color: white !important; background: none !important;  padding-left: 36px; margin: 0;}
    .main-navigation .menu-item-has-children a              {margin-right: 0;}
    .main-navigation .sub-menu li:hover                     {background: none}
    .main-navigation a                                      {padding: 0.5em 0;}
    .dropdown-toggle                                        {height: 36px; color:white;}
    .dropdown-toggle:hover                                  {height: 36px; color:white}
    .dropdown-toggle.toggled-on                             {height: 36px; color:white}
    .main-navigation li                                     {border-top: 1px dotted #d1d1d1 !important;}

    .main-navigation .sub-menu li:hover ul                  {width: 100% !important; left:0 !important;}
    .menu-service-container                                 {top:30px; right: -100px;}

    footer .socialmedia, 
    footer  .social-navigation  {display: none;}
    footer#colophon {padding: 20px;}
     .widget_header                        {margin-top: -6px;}
     .footer-content .widget_footer_bottom   ul              {max-width: 100%}


}

@media only screen and (max-width: 710px) {
    .owl-carousel                                       {width: 100%;}
    .blue-field p                                       {display: none;} 
    .footer-content .textwidget                         {font-size: 0.9em;}  
    .footer-content .widget_footer_bottom a             {font-size: 0.9em;}  
    aside.content-top-widgets                           {display: none;}
    
    .menu-service-container                             {top:auto; bottom: -15px; left: 20px; right: auto;}

    .owl-carousel,                                  
    .owl-carousel .slide,
    .home .blue-field                               {height:320px;}
    .home .owl-carousel,                                  
    .home .owl-carousel .slide,
    .home .blue-field                               {height:320px;}
    .owl-carousel .slide                            {background-size: cover;}
    .owl-carousel .slide span                       {font-size:1.4rem; line-height: 1.6em;}

}




@media only screen and (max-width: 480px) {
    .teasergroup .page_teaser                       {width:100%;}
    .page_teaser h3 a                               {font-size: 1.1rem;}
    .home .teasergroup .page_teaser                 {width:100%;}
    .owl-carousel,                                  
    .owl-carousel .slide,
    .blue-field                               {height:200px;}
    
    .home .owl-carousel,                                  
    .home .owl-carousel .slide,
    .home .blue-field                               {height:200px;}
   
    .owl-carousel .slide span                       {font-size:0.8rem; line-height: 1.6em; }
    .owl-carousel .slide .positioner                {display: none;}

    
    .entry-title                                    {font-size: 1.5rem;}
    .menu-service-container {display: none;}

}

