@charset "utf-8";
/* CSS Document */


/* 
 Theme Name:   Divi Child Theme
 Theme URI:    http://www.elegantthemes.com/gallery/divi/
 Description:  Divi Child Theme
 Author:       dolmetschergruppe
 Author URI:  
 Template:     Divi
 Version:      1.0

*/

@import url("../Divi/style.css");

 /* == Add your own styles below this line ==
--------------------------------------------*/
#page-container{padding:0 !important; background:#fff !important;}

#main-content{position:relative; top:0 !important; clear:both; padding:0 !important; margin:0 !important; background:#fff !important;}


/*TYPOGAFIE-------------------------------------------------------*/
h1, h2, h3, h4, h5, h6{font-weight:600; color:#374853 !important; line-height:1.7em;}
h1{font-size:20px; margin-bottom:0px; margin-top:30px;}
h2{font-size:20px; margin-top:30px; margin-bottom:20px; padding:0;}
h3{font-size:16px; margin-top:20px; }
h4{font-size:16px; padding-top:20px; padding-bottom:10px !important;}


li{list-style:none;}
.sprachwahl li a{color:#374853 !important;}

#et-footer-nav a{color:#666 !important;}
li a{color:#fff !important;}
p a{color:#666 !important; text-decoration:underline !important;}


/* open-sans-regular - latin lokal eingebunden*/
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/open-sans-v34-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/open-sans-v34-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v34-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v34-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v34-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v34-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}

#et-top-navigation .current-menu-item a{color:#c63 !important;}
#et-top-navigation a{color:#374853 !important;}

/*Suche---------------------------------------------------------------*/
/*.screen-reader-text{display:none !important; }*/
.post-meta{display:none;}


.antifloat{clear:both;}


/*.mobilemenu{display:block;}*/
.law-mainmenu{display:none;}
#sprachen-mobile{display:none;}

/*HEAD----------------------------------------------------------------------*/


.box-pict-head{z-index:10; border:none !important;}/*damit das Logo über den Head hinausragt*/
.logo{position:absolute; top:18px;  padding:0px 0 0 80px !important; border:none !important;}
.logo img{width:160px; height:auto; }


/*NAVIGATION----------------------------------------------------------------------------*/
#main-header{background:#fff !important;}/*Damit der Hintergrund beim waagerechten Menü weiß ist*/

.mainmenu ul{margin:60px 0 0 20px !important;  }
.mainmenu li.line{/*background-image:url(images/line-orange.png !important); background-position:0  !important; background-repeat:no-repeat !important;*/ margin-left:97px; padding:0 !important; width:100% !important;  }
/*Der Balken wird generiert--------------------------------------------------*/
.mainmenu li.line::before{position:absolute; content:''; background-color:#c60;  width:25px !important; height:5px !important; margin-top:10px; margin-left:-37px; }

.mainmenu li.abstand{margin-bottom:50px;}/*Abstand im Hauptmenü zwischen Sprachen und Fachgebieten*/

.mainmenu li.home{float:left; color:#374853 !important;}/*Home Button links neben den anderen Button*/
.mainmenu li.home a{color:#374853 !important;}/*Home Button hat eine andere Farbe*/

.mainmenu li a{ color:#374853 !important; font-weight:600 !important;}
.mainmenu li.current-menu-item a{font-weight:600 !important;}


/*------------------------------------------------------------------*/

/*#content{background-image:url(../../uploads/bg.png !important); background-position:0  !important; background-repeat:repeat-y !important;}*/

/*SPALTEN------------------------------------------------------------------------*/
.left-column{width:300px !important;  padding:0 !important; background-image:url(bg-left.png); background-position:0 0  !important; background-repeat:repeat-y !important; background-size:100%; }
.content{margin:0 !important; padding:30px 20px 50px 0px !important; min-width:635px  !important; min-height:600px; background:#ecf4f3 !important;}
.right-column{float:right !important; right:0 !important; width:180px !important; margin:0 !important; padding:100px 0 50px 0px !important;  text-align:left !important;}

.content a{}
.content a:hover{color:#c60 !important;}
/*------------------------------------------------------------------------------------------*/




/*Spachliste im Content-----------------------------------*/
.sprachen{min-width:100% !important;}
.sprachen ul{ margin-left:20px; width:580px;}
.sprachen li{float:left !important; width:120px; margin:0 0px 0 0; padding:3px; font-weight:600;  }
.sprachen li a{color:#374853 !important;}
.sprachen li.blueline::before {position:absolute; content:''; background-color:#374853;  width:12px !important; height:4px !important; margin-top:10px; margin-left:-20px;}


/*PDF, Bullet------------------------------------*/
/*.pdf p::before{position:absolute; content:''; background-color:#374853;  width:15px !important; height:5px !important; margin-top:10px; margin-left:0px;}*/
.pdf p{padding-left:25px; background-image:url(../../uploads/pdf_icon.jpg); background-position:left  !important; background-repeat:no-repeat !important;}
/*.pdf a{padding-left:25px;}*/
/*-------------------------------------------------------------------------------------------------*/





/*----------------------------------------------------------------*/

/*Alle Tabellen---------------------------------------------------*/
table{width:96% !important; margin:0 !important; padding:0 !important;  }
tbody{ border:none !important;}
td{background:#fff; padding:2px 10px 2px 10px !important; margin:0 !important;}

/*DOLMETSCHER nach ABC, Tabelle--------------------------------------*/
td.abc{min-width:50px !important; border-right:10px solid #ECF4F3 !important; background:#c60; color:#fff !important; text-align:center;}
/*td.empty{width:40px !important;background:transparent;}*/
td.name{width:33%; font-weight:600;}
td.ort{width:36%;}
td.details{width:24%; text-align:right;  font-weight:600;}
td.details a{color:#c60 !important;}
td.details a:hover{color:#999;}

/*--------------------------------------*/




.linkfarbe a{color:#c60 !important;}

/*Personenseiten-------------------------------------*/
.person table{width:96% !important; margin:0 !important; padding:0 !important; border:none !important; }
.person tr{margin:0 !important; padding:0 !important; border:none !important;}
.person td{background:#fff; padding:2px 10px 2px 10px !important; margin:0 !important; vertical-align:top; border:none !important;  }

.person td.daten{}
.person td.info{width:30%; height:auto; color:#c60; text-align:right; padding-right:50px; vertical-align:top;}
.person a{color:#374853 !important; }
.www a{color:#374853 !important;}
/*Liste Einsatzformen----------------------------------*/
td.liste ul{list-style:none; margin:0px !important; padding:0px !important;}
td.liste li{list-style:none; padding:2px 10px 0 25px !important;}
td.liste li::before{position:absolute; content:''; background-color:#374853;  width:15px !important; height:5px !important; margin-top:12px;  margin-left:-25px;}


.pict-portrait{margin:70px 0 0 78px !important;}
.bu-person{margin-left:124px !important; padding:5px 0 5px 0; width:130px;  background:#c60; text-align:center;}
.bu-person .et_pb_text_inner p{color:#fff !important;}
/*-----------------------------------------------------------*/



#et-footer-nav{height:50px; background:#fff;}
#et-footer-nav .container li{float:right;  padding:0 0 0 20px; font-weight:normal !important; color:#c60;  }

#main-footer a{color:#374752;}
#main-footer a:hover{color:#999;}


#main-footer #footer-info {padding-left:190px; color:#fff !important;}


.sprachversion .flagge-fr{display:block;}/*temporär, da keine französisch Version da*/





/* #Media Queries
================================================== */
/* Smartphone*/
@media screen and (min-width: 319px)and (max-width:979px){

#page-container{width:100% !important; margin:20px 0 0 0 0 !important; background:#ecf4f3 !important;}
	
	

#et-main-area, #main-content, .et_pb_section_1{background-image:none !important; background:#ecf4f3 !important;}

h1{text-align:center;}


.law-mainmenu{display:block;}



#main-header{ position:absolute !important; top:250px !important; margin-top:0px !important;  background:#fff !important;  border-bottom:none !important; }
#main-header .container{position:absolute !important; margin:0 0 0 0 !important;  padding:0 !important;  width:111% !important; height:35px !important; background:#374853 !important; }
/*.mainmenu{display:none;}*/



.et_menu_container, #et-top-navigation{position:absolute !important;  margin:0 !important; padding:0 !important; background:#fff !important;   }
#et_mobile_nav_menu {position:absolute !important; margin:-35px 0 0 0 !important; padding:0 !important;  width:100% !important; z-index:11;}
.mobile_menu_bar{padding-right:20px;}

.select_page{display:none !important;}



#et-top-navigation { margin:0 !important; background:#ecf4f3 !important;}
#et-top-navigation ul{ margin:0 !important; background:#ecf4f3 !important;}
/*#et-top-navigation li.home{margin-top:-20px !important;}*/
#et-top-navigation li{border-bottom:1px solid #374853;background:#ecf4f3 !important;}
#et-top-navigation li a{color:#374853 !important;}
#et-top-navigation li a::before {content:'- ';}


#top-menu, .nav{background-color:red}


.header{height:265px; background:transparent !important;  border-bottom:none !important;}
.logo_container{background:transparent !important; }
.pict-head{display:none !important;}
.logo{position:absolute; width:100%;  background:#fff !important;  margin:0 auto !important; top:0px !important; padding:0 !important;}
.logo img{ padding:30px 0 30px 0; width:200px; height:auto; }



.et_pb_width_background{background-image:none !important; background:#ecf4f3 !important; }/*Hintergrundbild ausschalten*/


/*SPALTEN------------------------------------------------------------------------*/
.left-column{ position:relative; width:100% !important; top:0 !important;  padding:0 !important; margin:0 !important; background:#ecf4f3 !important; background-image:none; }
.content{ margin:285px 0 0 0 !important; padding:285px 10px 50px 10px !important; min-width:100%  !important; }
.right-column{display:none; }

.mainmenu{display:none;}


/*Spachliste im Content-----------------------------------*/

.sprachen ul{width:100% !important;}

.sprachen li{float:left !important; width:110px; margin:0 10px 0 0;  }

.pict-portrait{margin:330px 0 30px 0 !important; padding:0 !important;}
.pict-portrait img{margin:0 !important; padding:0 !important;}
.bu-person{display:none;}


#sprachen-mobile{position:absolute; top:0px !important; width:100% !important; height:40px !important;  background:#374853 !important;  z-index:12;}


.person{margin:0 !important; padding-top:0px !important; }
.person table{width:100% !important; margin:0 !important; padding:0 !important; border:none !important;}
.person tr, .person td{margin:0 !important; padding:0 !important;}
.person td{display:block !important; text-align:left !important; padding-left:10px !important;}

.person td.info{width:100% !important; height:auto; color:#c60; text-align:left; padding-top:10px !important; vertical-align:top; background:transparent !important;}
.person td.daten{width:100% !important;}


	
/*#footer-bottom{ display:none;}*/
	#footer-bottom{}




/*#et-footer-nav{display:none !important;}*/
	#main-footer{ margin-left:-60px; }
	
#et-footer-nav{position:absolute; width:100%; width:108%; margin:-50px 0 0 0; padding-right:0px; height:50px; background:#ecf4f3 !important;}
#et-footer-nav .container li{float:right;  padding:0 0 0 30px; font-weight:normal !important; color:#c60;  }
	
#main-footer #footer-info {padding-left:20px; }
}
/*==================================================================*/

/* Smartphone, größeres Display*/
@media screen and (min-width: 480px)and (max-width:979px){
.content{ padding:20px 20px 50px 10px !important;}	
}





/*Tablet - Portait_------------------------------------------------*/
@media screen and (min-width: 767px) and (max-width:963px){
	
.content{margin:0 !important; margin:255px 0 0 0 !important; padding:10px 20px 90px 10px !important; min-width:100%  !important; }
	

	.sprachen ul{width:670px !important;}
	/*.menu-sprachen-container{width:100% !important;background:red;}*/

	

	
	
	#et-footer-nav{position:absolute; width:100%; width:108%; margin:-60px 0 0 0; padding-right:0px; height:50px; background:#ecf4f3 !important;}
}




@media screen and (min-width: 980px) and (max-width:1003px){
	
	
	
#page-container{width:100% !important; background:#fff !important;}
#sprachen-mobile{display:none; }
.content{margin-top:440px !important;}



/*SPALTEN------------------------------------------------------------------------*/
.left-column{width:299px !important; padding:0 !important; margin:0px !important; }
.content{margin:0 !important; padding:30px 20px 30px 10px !important; min-width:570px  !important; max-width:570px  !important; min-height:600px; background:#ecf4f3 !important;}
.right-column{float:right !important; right:0 !important; width:auto !important; margin:0 !important; padding:100px 0 50px 0px !important;  text-align:left !important;}


.pict-portrait{margin:70px 0 0 100px !important;}
.bu-person{margin-left:124px !important; padding:5px 0 5px 0; width:130px;  background:#c60; text-align:center;}

}





/* Tablet Landscape*/
@media screen and (min-width: 1004px) and (max-width:1200px){



#page-container{width:100% !important; background:#fff !important;}


#main-header, #et-top-navigation{background:#fff !important;}

/*SPALTEN------------------------------------------------------------------------*/
.left-column{width:299px !important; padding:0 !important; margin-right:0 !important; }

.content{margin:0 !important; padding:30px 20px 50px 0px !important; min-width:580px  !important; max-width:580px  !important; min-height:600px; background:#ecf4f3 !important;}
.right-column{float:right !important; right:0 !important; width:auto !important; margin:0 !important; padding:100px 0 50px 0px !important;  text-align:left !important; background:#fff !important;}

.sprachversion li.flagge-en{margin:0;}



}