/* 
Theme Name: Deep-Net
Theme URI: https://wordpress.tiff.any.de
Description: Template Deep-Net für WBG Treptow Nord Neubau
Version: 2.1.8
Author: Jens Paul
Author URI: https://tiff.any.de
Tags: deep-net, tiff.any GmbH
*/

html, body { 
  margin: 0;
  padding: 0;
  height: 100%;
  color: #333; background: #ffffff;
  font-family: 'Roboto', sans-serif;
  font-size: 18px;
  font-style: normal;
}
body > #wrapper {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

ul li { font-family: 'Roboto', sans-serif; text-size-adjust: none; }
ul li::marker { color: #f09403; }


#innerbody, #innerbodyFlat ul li { 
  /*line-height: 1.3em;*/
  padding-bottom: 6px;
}
h1, h2 { font-family: 'EurostileLTPro-Cn', sans-serif; }
h3, h4, h5, h6 { font-family: 'Roboto', sans-serif; }
h1 { font-size: 43px; font-weight: 500; color: #f09403; }
h2 { font-size: 29px; font-weight: 700; color: #f09403; }
h3 { font-size: 23px; font-weight: 500; color: #000; }
h4 { font-size: 1.2em; font-weight: 700; color: #f09403; }
h5 { font-size: 1.1em; font-weight: 700; color: #f09403; }


#wrapper { margin: 0 auto; position: relative; min-height: 100%; }

#kopfbackground{
  height: 146px;
  width: 100%;
  background: url(/wp-content/uploads/2021/05/background_header.jpg);
  background-size: auto;
}
#kopfcontainer {
 height: 146px;
 max-width: 1400px;
 margin-left: auto;
 margin-right: auto;
}

.tn-logo{ height: 146px; float:left; position:relative; z-index:1999; }
.tn-logo img.imgtnlogo { max-width: 100%; height: auto; }

#header { max-width: 1400px;  height: 146px; }

/*** Font Resizer für Mobile - erstmal ausschalten  ***/
#mobile_resize{ display:none; }

/*** Font Resizer ***/
a.searchopen img{ min-width:15px; }
a.searchopen2 img{ min-width:20px; }

a.fontResizer_minus.ct-font-resizer-minus{ font-size:11px; }
a.fontResizer_reset.ct-font-resizer-reset{ font-size:15px; }
a.fontResizer_add.ct-font-resizer-plus{ font-size:19px; }

a.fontResizer_minus.ct-font-resizer-minus::after {
  content: "- | ";
  font-size: 18px;
  font-weight:400;
}
a.fontResizer_reset.ct-font-resizer-reset::after {
  content: " | ";
  font-size: 18px;
  font-weight:400;
}
a.fontResizer_add.ct-font-resizer-plus::after {
  content: "+";  
  font-weight:400;
}
/*** Font Resizer ***/
.widgets_on_page.wop_tiny1.wop_small1.wop_medium1.wop_large1.wop_wide1 ul.ct-font-resizer{
  list-style-type: none;
}

/* Text Widget */
.widgets_on_page li#text-2.widget.widget_text{ 
	min-width: 468px;
	padding-left: 18px;
}
.widgets_on_page li#text-2.widget.widget_text .textwidget p{
   margin: 0; padding-top: 1px;
   font-family: 'EurostileLTPro-Cn', sans-serif;
   font-size: 1.1em;
   line-height: 1.3em;
   font-weight: 400;
   color: #fff;	
}
.widgets_on_page .textwidget{ height:53px; display: flex; flex-wrap: wrap; align-items: center; align-content: center; }


/************************* Suche *******************************/
#search-3.widget.widget_search {
    float: left;
    height: 53px;
    width: 799px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
}
.textfimenname{ 
	padding-left: 18px; height: 53px; min-width: 406px; float: left; 
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.my-widget-plus-menu{ height: 146px; }
.tn-textSearchResize{ background-color:#0b3d56; color:white; height:53px; max-width: 1400px; }


/*** Text Input ***/
.widget_search input#see { height:26px!important; border:none; width: 150px; padding: 0 0 0 0.7em; margin-right:15px; float:left; }

/*** Suche Button ***/
.widget_search input#searchsubmit{
  background:url(/wp-content/uploads/2021/03/lupe_weiss.png) no-repeat;
  width:20px; height:26px!important;
  cursor:pointer;
  border: none;
  /*color: #b3e5e2; font-size: 1px;*/
  color: transparent!important;
}

/****  Suche Fenster ein-ausblenden ****/
li#media_image-3{
  width: 16px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
li#media_image-3 a{ padding-top: 3px; }
li#media_image-3 img.popup_oeffnen{ width:16px!important; height:auto; }
.textsearchbox{ width: 230px; }

#popup.search-form{ background: url(/wp-content/uploads/2021/03/background_search.jpg); }
.widget_search #searchform { width: 200px; }
form#listeSuche { padding-bottom:10px; }
.histbacksearch.lupe a{ color: black; }
/************************  Suche ENDE  ***********************/

#hintergrund {
  display:none;
  z-index:8000;
  position: fixed;
  height:100%;
  width:100%;
  top:0px;
  left:0px;
  background:#000;
}
#popup {
  display: none;
  z-index: 10001;
  position: fixed;
  width:230px;
  top: 92px;
  left: calc((100% - 230px) / 2);
  /*background: none repeat scroll 0 0 #fff;**/
  border: 4px solid #0b3d56;
  border-radius: 15px;
  font-size: 14px;
  color: #666;
  padding:10px 20px 15px 20px;
}
#popup h2{
  font-size: 20px;
  color:#fff!important;
  margin: 0 0 10px 0;
  line-height: 1em;
  font-weight: 500;	
}
.schliessen {
  position: relative;
  background:#666;
  color:#fff;
  border-radius:50%;
  line-height:30px;
  text-align:center;
  font-size:16px;
  font-weight:bold;
  font-family:'Arial Black', Arial, sans-serif;
  height: 30px;
  width: 30px;
  left: 33px;
  bottom: 29px;
  float: right;
  cursor: pointer;
}

.widgets_on_page ul { padding:0; margin:0; height:53px; display:flex; list-style-type: none; }

.widgets_on_page ul.ct-font-resizer{ 
  min-width: 99px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-right: 60px;
}
.widgets_on_page ul.ct-font-resizer li.fontResizer { font-weight:unset!important; }
.widgets_on_page ul.ct-font-resizer li.fontResizer a {
	font-family:'Roboto Condensed', sans-serif;
	color:#fff; 
	text-decoration:none; 
}

section.widget-font-resize{ padding:0; }  /* Font-Resizer */
section.widget-font-resize .header-content-container.center { height:53px; } /* Höhe von text und Font-Resize */
section.widget-font-resize .header-content-container.center .et_pb_header_content_wrapper { height:53px; }
/**************************************** Ende Kopf ********************************************/


/********** Kontakt Fahne Einblender  **********/
#fullgallery .vc_column-inner .wpb_wrapper .wpb_content_element {
	margin-bottom: 0;
}

#main-ohne-kopfbild #fullgallery{ background-color: white; }

#main-ohne-kopfbild #fahnen{
	position: absolute;
	height: 255px;
    right: 0;
    z-index: 10;
}
#main #fahnen{
	position: absolute;
	height: 255px;
    right: 1px;
    z-index: 10;
}
#contacthelper {
	position:relative;
	top:0px;
	/*left: calc(100% - 72px);*/
	width: 71px;
	height:71px;
	z-index:301;
}
#chelper .cfade {
	width:71px; height:71px;
	/*border-radius: 20px 0px 0px 20px;
	-moz-border-radius: 20px 0px 0px 20px;
	-webkit-border-radius: 20px 0px 0px 20px;
	border: 0px solid #000000;	*/
	overflow:hidden;
}
#chelper .cfade:hover {
   width:346px;
   height:auto; /*258*/
   transform: translate(-274px);
}
#chelper .havbild{ width:71px; height:71px; float:left; }
#chelper .havbild img{ width:71px; border: 1px solid #f09403; }
#chelper .havtext{ 
  font-family: 'Roboto', sans-serif;
  font-size: 0.9em;
  line-height: 1.5em;
  color: white;
  background-color: #f09403;
  float: left;
  width: 255px;
  padding: 12px 0 12px 20px;
}
#chelper .havtext a{ color:white!important; }
#chelper .havtext p{ margin: 0 15px 15px 0; }
#chelper .havtext p:last-child{ margin-bottom:5px; }
/******* ENDE Kontakt Button Einblender *******/


/********** Kontakt Fahne Einblender  **********/
#nothelper {
	position:relative;
	top:20px;
	/*left: calc(100% - 72px);*/
	width: 71px;
	height:71px;
	z-index:300;
}

#nhelper .nfade {
	width:71px; height:71px;
	/*border-radius: 20px 0px 0px 20px;
	-moz-border-radius: 20px 0px 0px 20px;
	-webkit-border-radius: 20px 0px 0px 20px;
	border: 0px solid #000000;	*/
	overflow:hidden;
}
#nhelper .nfade:hover {
   width:347px;
   height:auto;
   transform: translate(-274px);
}
#nhelper .havbild{ width:71px; height:71px; float:left; }
#nhelper .havbild img{ width:71px; border: 1px solid #cd071e; }
#nhelper .havtext{ 
  font-family: 'Roboto', sans-serif;
  font-size: 0.9em;
  line-height: 1.5em;
  color: white;
  background-color: #cd071e;
  float: left;
  width: 255px;
  padding: 12px 0 12px 20px;
}
#nhelper .havtext a{ color:white!important; }
#nhelper .havtext p{ margin: 0 15px 15px 0; }
#nhelper .havtext p:last-child{ margin-bottom:5px; }
/******* ENDE Kontakt Button Einblender *******/


/********** Login Fahne Einblender  **********/
#loghelper {
	position:relative;
	top:40px;
	/*left: calc(100% - 72px);*/
	width: 71px;
	height:71px;
	z-index:299;
}

#lhelper .lfade {
	width:71px; height:71px;
	/*border-radius: 20px 0px 0px 20px;
	-moz-border-radius: 20px 0px 0px 20px;
	-webkit-border-radius: 20px 0px 0px 20px;
	border: 0px solid #000000;	*/
	overflow:hidden;
}
#lhelper .lfade:hover {
   width:347px;
   height:auto;
   transform: translate(-274px);
}
#lhelper .havbild{ width:71px; height:71px; float:left; }
#lhelper .havbild img{ width:71px; border: 1px solid #178fcb; }
#lhelper .havtext{ 
  font-family: 'Roboto', sans-serif;
  font-size: 0.9em;
  line-height: 1.5em;
  color: white;
  background-color: #178fcb;
  float: left;
  width: 255px;
  padding: 12px 0 12px 20px;
}
#lhelper .havtext a{ color:white!important; }
#lhelper .havtext p{ margin: 0 15px 15px 0; }
#lhelper .havtext p:last-child{ margin-bottom:0; }
/******* ENDE Login Button Einblender *******/


#main {
  position:relative;
  width: 100%;
  display: flex;
  justify-content: center;
  background: url('/wp-content/uploads/2021/03/background_headerimage.jpg') repeat-x;
  flex-grow: 1;
}
#main-ohne-kopfbild { 
  width: 100%;
  display: flex;
  justify-content: center;
  flex-grow: 1;
}

#content { 
  position: relative;
  width: 1400px;
  /*max-width: 100%;*/
  background-color:#fff; 
}

#fullgallery{ width: 100%; background-color: #0b3d56; }
#fullgallery.vc_row { margin:0; }
#fullgallery .vc_column-inner { padding:0; }

#headerbild { margin:0; }
#headerbild .flexslider { border: none!important; border-radius:unset!important; }
.wpb_single_image .vc_single_image-wrapper{ width: 100%; }
.wpb_gallery .wpb_flexslider .flex-control-nav { bottom:0!important; top: 95%!important; margin-top:0!important; }
.wpb_gallery .wpb_flexslider .flex-control-nav{ display:none; }
.wpb_gallery .wpb_flexslider .flex-direction-nav{ display:none; }
.flex-control-nav { bottom:0!important; }
.flex-control-paging li a { background: rgba(255,255,255,.5)!important; }
.flex-control-paging li a.flex-active { /*background: #000;*/ background: rgba(255,255,255,.9)!important; }
.flexslider { margin: 0!important; background: #0b3d56!important; }

#headertext.vc_row{ margin:0; }
#headertext .wpb_column { height:107px; }
#headertextbild1{ margin-bottom: 8px; display: flex; padding-left: 94px; }
#headertextbild2{ display: flex; padding-left: 94px; }



#headertextbild1 .wpb_wrapper, #headertextbild2 .wpb_wrapper{
	background-color:#f09403; 
	padding: 0 24px 0 24px; margin:0;
	/***  Zu langer Text abschneiden ***/
	max-width: 684px;
    overflow: hidden;
    white-space: nowrap;
}

#headertextbild1 p, #headertextbild2 p{ 
	font-family: 'EurostileLTPro-BoldCn', sans-serif;
	font-size:40px; 
	color:white;
	margin: 0;
}
#headertext{
  height: 100%;
  position: absolute;
  z-index: 20;
  top: 0;
  left: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}








/********************  Menue *************************/


/*********************** Menü ENDE ************************************************************/

/*** Gesamtbreite Inhalt ***/
#innerbody, #innerbodyFlat { 
  max-width:1248px; 
  margin-left:auto; margin-right:auto;
  font-family: 'Roboto', sans-serif;
  background-color: white; 
}
#innerbody .wpb_wrapper p, #innerbodyFlat .wpb_wrapper p{ font-family: 'Roboto', sans-serif; line-height:25px; }
#innerbody .wpb_wrapper p a, #innerbodyFlat .wpb_wrapper p a{ color:#333; text-decoration:underline; }
#innerbody .wpb_wrapper p a:hover, #innerbodyFlat .wpb_wrapper p a:hover{ color:#f09403; }

#innerbody_small { 
  max-width:900px; 
  margin-left:auto; margin-right:auto;
  font-family: 'Roboto', sans-serif;
  background-color: white; 
}
#innerbody_small .wpb_wrapper p { font-family: 'Roboto', sans-serif; line-height:1.4em; margin:0; }
#innerbody_small .wpb_wrapper p a { color:#333; text-decoration:underline; }
#innerbody_small .wpb_wrapper p a:hover { color:#f09403; }

#gmap .wpb_wrapper p { margin: 5px; }