/* ===================================================================== 
   ==                Bildschirm - CSS   Die Zahnpraxis AG	      == 
 ==-----------------------------------------------------------------== 
 ==    Copyright:  Janine Iten, CH-5200 Brugg                       == 
 ==    Author:     Janine Iten                                      == 
 ===================================================================== 

 ---------------------------------------------------------------- 
 --                       Gillt für Alles                      -- 
 ---------------------------------------------------------------- */


@import url("//hello.myfonts.net/count/321011");
 
  
@font-face {font-family: 'HelveticaNeueLTStd-Lt';src: url('../fonts/328FBF_0_0.eot');src: url('../fonts/328FBF_0_0.eot?#iefix') format('embedded-opentype'),url('../fonts/328FBF_0_0.woff2') format('woff2'),url('../fonts/328FBF_0_0.woff') format('woff'),url('../fonts/328FBF_0_0.ttf') format('truetype');}
 
 
 @font-face {font-family: 'UniversLTPro-45Light';src: url('../fonts/321011_1_0.eot');src: url('../fonts/321011_1_0.eot?#iefix') format('embedded-opentype'),url('../fonts/321011_1_0.woff2') format('woff2'),url('../fonts/321011_1_0.woff') format('woff'),url('../fonts/321011_1_0.ttf') format('truetype');}
 


* {
    margin:0;     
    padding:0;
}

/*----------------------------------------------------------------*/
/*--                      Grund-Definitionen                    --*/
/*----------------------------------------------------------------*/


h1,
h2,
h3,
h4,
h5,
body {
   font-family:  'UniversLTPro-45Light', Arial, Verdana, sans-serif;
   font-weight:300;
}

h3 {
   font-family:  'HelveticaNeueLTStd-Lt', Arial, Verdana, sans-serif;
   margin-bottom:10px;
   font-weight:bold;
}



#slider img {
	width:100%;
}

.ce_wrap.pd-s,
.autogrid_row > .column > .attributes.p-s {
	padding:20px;
}

.ce_divider_extended.version3 {
	background:rgba(0,0,0,1);
	margin-top:60px;
	margin-bottom:60px;
}

.ce_text figure {
	margin-bottom:20px;
}

.border-bottom .attributes,
.border-bottom .container {
	border-bottom:1px solid black;
	padding-bottom:40px;
}

.border-top .attributes {
	border-top:1px solid black;
	padding-top:40px;
}


.ce_table table td {
	padding-left:0px;
	border-bottom:0px;
	padding-bottom:0px;
	padding-top:0px;
}

.ce_table table tr {
	border-bottom:0px;
}

.ce_text.txt-color-accent a {
	color:var(--accentColor)!important;
}

#footer h3 {
	margin-bottom:20px;
}

#footer .ce_text p a {
	color:var(--customColor1)!important;
}

ul.level_2 li:first-child {
	border-top:1px solid #0084bf;	
	padding-top:10px;
}

ul.level_2 li {
	border-bottom:1px solid #0084bf;
	padding-bottom:10px;
	padding-top:10px;
}

.mainmenu ul ul {
	padding:24px!important;
}

.mainmenu ul ul li a {
	padding-left:0px!important;
	padding-right:0px!important;
}


.vlist.level_2 li a.mainmenu_link {
  white-space: normal !important;
}

.vlist.level_2 li a.mainmenu_link span {
  display: block;              /* wichtig: Block, damit Breite greift */
  width: 200px;                /* statt max-width: garantiert ~200px */
  margin: 0 auto;              /* zentriert die 200px-Box */
  overflow-wrap: anywhere;     /* bricht notfalls auch in langen Brocken */
  word-break: normal;
}
/*----------------------------------------------------------------*/
/*--                      Feeedback			                    --*/
/*----------------------------------------------------------------*/



.feedback h3 {
	font-size:20px!important;
	text-align:center;
	color: var(--customColor1);	
}

.zitat p {
	position: relative;
	text-align: center; /* falls noch nicht gesetzt */
	padding:0px;
	margin:0px;
	color:#255aa8;
	font-size:40px;
	line-height:50px;
}

.zitat p::before,
.zitat p::after {
	display: block;
	font-size: 120px;          /* anpassen je nach Wunsch */
	line-height: 1;
	color: var(--customColor1);
	font-family:Playfair Display;
}

.zitat p::before {
	content: "“";             
	margin-bottom: 0px;
	padding-bottom:0px;
}

.zitat p::after {
	content: "”";            
	margin-top: 20px;
	padding-top:0px;
}
.slider-control .slider-next,
.slider-control .slider-prev {
	display:none;
}

.ce_sliderStart .slider-control .slider-menu b {
	width:14px;
	height:14px;
	color:rgba(255, 255, 255, 1);
	margin-right:4px;
	line-height:28px;
	vertical-align:middle;
	border:0px!important;
	box-shadow:none;
}

.ce_sliderStart .slider-control .slider-menu b.active {
	width:18px;
	height:18px;
	color:rgba(255, 255, 255, 0.5);
	vertical-align:middle;
}

.autogrid_row.same_height > .column > .attributes > .same-height-wrap,
.same-height-wrap .ce_bgimage {
	height:100%;
}


/*----------------------------------------------------------------*/
/*--                      News   		               		    --*/
/*----------------------------------------------------------------*/

.mod_newslist {
	border-top:1px solid #bbcbe4;
}


.layout_latest {
	border-bottom:1px solid #bbcbe4;
	padding-top:40px;
	padding-bottom:40px;
	text-align:center;
	color:var(--customColor1);
}

.layout_latest h2,
.layout_latest h2 a {
	color:var(--customColor1);
}


@media only screen and (max-width: 767px) {
  table {
    font-size: 1rem;
  }
  .ce_divider_extended.version3 {
	background:rgba(0,0,0,1);
	margin-top:30px;
	margin-bottom:30px;
  }
  .zitat p {
	font-size:20px;
	line-height:30px;
    }

}