/*
Theme Name:   MediCenter Child
Description:  MediCenter Child Theme
Template:     medicenter
Version:      1.0
Text Domain:  medicenter
*/

@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500');
@import url('https://fonts.googleapis.com/css?family=Roboto+Slab:100,300,400');

/* 	prism*/
body {
    color: #444;
}
p {
	color: #545454;
    font-size: 1.3em;
/*	margin-block-start: 1em;
    margin-block-end: 1em;*/
}
p {
    margin-top: revert;
    margin-bottom: revert;
}
 .single .post-content ol, .single-page ul, .single-page ol,  .wpb_text_column ol {
    padding: revert;
    margin: revert;
}

/* end	prism*/
/*
Basic
*/
/*ul {
	padding-left: 15px;
}*/

/* Einrückung der verschiedenen Listen */
.allgemein ul {
    padding-left: 15px
}
.allgemein ul li {
    list-style: none;
	padding: 0 !important;
}

.allgemein ul li:before {
    content: "\2022";
    float: left;
    margin-left: -24px;
	margin-right: 0px !important;
}

.icon-box ul {
    padding-left: 15px;
	list-style-position: outside;
}
.icon-box ul li {
    list-style: none;
	list-style-position: outside;
	padding: 0 !important;
}

.icon-box ul li:before {
    content: "\2022";
    float: left;
    margin-left: -23px;
	margin-right: 0px !important;
	list-style-position: outside;
}

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

.icon-box {
/*	height: 555px;*/
}

a {
	text-decoration: none !important;
}
.page-header-right .search {
	display: none;

}



/*
Logo
*/
.logo {
	color: #634065;
	font-size: 24px;
}

/*
Slider
*/
.rev_slider h1,
.rev_slider h2,
.rev_slider h1 a,
.rev_slider h2 a,
.rev_slider p,
.rev_slider p a {
  text-shadow: none;
/*  color: #90a3c7;*/

  font-weight: bold;
}


/*
Patrick Linkfarben header
*/
.header-icon {
	color: #999 !important;

}

.post-title a{
	color: #999 !important;
}

.wpb_wrapper {
	font-weight: lighter;

}

.item-content a{

	color: black !important;

}

.simple-list a{

	color: black !important;

}

.simple-list a:hover{

	color: black !important;
	text-decoration: underline !important;
	transition: text-decoration 1s ease;
}


/*
Home boxes
*/
.home-box,
.home-box-container-list.for-home-slider .home-box {
  background: initial;
}

.home-box-container:nth-child(3n+1)[style]{
	background: rgba(250,200,190,.9)
}

.home-box-container:nth-child(3n+2)[style]{
	background: rgba(145,165,200,.9)
}

.home-box-container:nth-child(3n+3)[style]{
	background: rgba(150,125,155,.9)
}

/*
Keyvisual & Themenmenü
*/
.keyvisual {
	margin-top: 50px;
}

.keyvisual .vc_column_container {
	padding: 30px;
}

.home-themen ul {
	list-style: none;
	margin: 0;
	padding-top: 50px;
}

.home-themen ul li {
	margin-bottom: 20px;
}

.home-themen ul a {
	color: #C8DEF3;
	text-transform: uppercase;
	font-size: 1.5rem;
	line-height: 1.25rem;
	border-bottom: 2px solid rgba(0,0,0,0);
	transition: all .2s;
}

.home-themen ul a:hover {
	border-bottom: 2px solid #C8DEF3;
	text-decoration: none;
}

@media screen and (min-width: 768px){
	.home-themen ul a {
		font-size: 1.5rem;
		line-height: 1.5rem;
	}
}

@media screen and (max-width: 767px){
	.keyvisual-image {
		margin-top: 0 !important;
	}
}

/*
Kontakt Seite
*/
.page-id-3003 .theme-page {
	padding-bottom: 0;
}

/*
Publikationen Liste
*/
.publikationen-liste .wpb_wrapper > div {
	display: flex;
	padding: 15px 0;
	width: 100%;
	line-height: 1.7;
	font-size: 16px;
}

.publikationen-liste .wpb_wrapper > div > div {
	padding-right: 15px;
	padding-left: 15px;
}

.publikationen-liste .wpb_wrapper > div:nth-child(odd) {
	background: #F3F3F3;
}

.publikationen-liste .wpb_wrapper > div > div:first-child {
	color: #b5181f;
	flex: 1;
	font-weight: bold;
}

.publikationen-liste .wpb_wrapper > div > div:nth-child(2) {
	flex: 1;
}

.publikationen-liste .wpb_wrapper > div > div:last-child {
	flex: 3;
}

/*
Circle icons
*/
.circle {
	display: block;
	float: left;
	border-radius: 50%;
	height: 67px;
	width: 67px;
	background: #90A3C7;
}

.circle span:before {
	position: relative;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	display: inline-block;
	font-size: 38px;
	color: #fff;
}

/* Allgemeine Hinweise */
.circle[title^="Allgemeine-Hinweise"],
.circle[title*="Allgemeine-Hinweise"] {
	background: #93DEFF;
}

/* Anästhesie */
.circle[title^="Anästhesie"],
.circle[title*="Anästhesie"] {
	background: #59CCFF;
}

/* Knie */
/*.circle[title^="Knie"],
.circle[title*="Knie"] {
	background: #5482CD;
}*/

/* Hüfte */
.circle[title^="Hüfte"],
.circle[title*="Hüfte"] {
	background: #1150B2;
}

/* Schulter */
.circle[title^="Schulter"],
.circle[title*="Schulter"] {
	background: #8C6DAB;
}

/* Ellbogen */
.circle[title^="Ellbogen"],
.circle[title*="Ellbogen"] {
	background: #502E73;
}

/* Fuss */
.circle[title^="Fuss"],
.circle[title*="Fuss"] {
	background: #FF334C;
}

/* Wirbelsäule */
.circle[title^="Wirbelsäule"],
.circle[title*="Wirbelsäule"] {
	background: #FF8A94;
}

/* Schmerztherapie */
.circle[title^="Schmerztherapie"],
.circle[title*="Schmerztherapie"] {
	background: #898299;
}
#schmerzHead{
transform: translate(-50%,-50%)

}


/*
Spektrum
*/

.download-button {
	margin-top: 1.1rem;
}



/*CSS FLORIAN*/


/*  PARAMETER FÜR DIE SEITEN DER EINZELTHEMEN (Z.B. KNIE,SCHULTER...)  */

.einzelthemen-container {

  background: #e0ac97;
	padding: 8px 0 20px 35px;
 	min-height: 190px;
	background: url(http://beta.swissklinik.ch/wp-content/uploads/arrow-2.svg) no-repeat top left;
	background-size: 8% 10%;
	color: rgba(0,0,0,0.0);
}

.headline-thema {
	font-family: 'Roboto Slab', serif;
	font-weight: 300;
	white-space: nowrap;
	font-size: 3em !important;
	color: #6b4b6e;
	font-weight: 300;
	margin-bottom: 30px;
	margin-top: 10px !important;
}

.headline-beschreibung {
	white-space: nowrap;
	font-family: 'Roboto', serif;
	font-weight: 300;
	text-transform: uppercase;
	font-size: 25px;
	color: #000;
}

.einzelthemen-subheadlines {
	margin: 0 0 10px 0 !important;
	color: #b5181f;
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	font-size: 1.7em;
	/*line-height: 10px;*/
}

/*BLOCKSATZ DEF.*/

.spektrum-navi ul li a {
	color: #000;
}

.allgemein {
	font-family: 'Roboto', serif;
	font-weight: 300;
	/*text-align: justify !important;
	word-break: normal !important;*/
	line-height: 21px;
	margin: 15px 0 0 0;
}

h1.firstword-color {
	padding: 20px 0 0 20px;
 	vertical-align: middle !important;
 }

.subheadlines-einzelthemen {
	height: 70px;
	background-color: #E5DFE7 !important;
 	background: url(http://beta.swissklinik.ch/wp-content/uploads/arrow.svg) no-repeat top left;
  	background-size: 1% 100%;
  	color: rgba(255,255,255,0.0);
  	padding-bottom: 20px;

}

.subheadlines-einzelthemen h3 {
 	font-family: 'Roboto', serif;
	font-weight: 400;
 	text-transform: uppercase;
 	font-weight: 300;
 	/*background-color: #E5DFE7;*/
 	color: #644065;
 	font-size: 25px;
 }

.subheadlines-einzelthemen h3.firstword-color .first-word {
	font-family: 'Roboto', serif;
	font-weight: 500;
	font-size: 100%;
	color:#957C99;
}

.firstword-color {
  padding: 20px 0 0 20px;
  display : flex;
  align-items : center;
}

.thema {
  position: relative;
  width: 35%;
  float: left;
  padding: 20px 0 0 0 !important;
}

.unterthemen {
  position: relative;
  width: 65%;
  float: left;
}

.unterthemen-text {
  text-align: justify;
  word-break: normal;
  padding: 0 30px 0 0 !important;
  font-weight: 400;
  font-size: 17px;
  line-height: 30px;
  color: white;
  text-transform: uppercase;
  }

 a:link {
   color: white;
   text-decoration: underline;
 }

 a:visited {
 	color: white;
 }

/*--------------------------------------------NEW-2019---------------------------------------------------*/
.sub-page__list p{
	padding: 0 !important;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
}
.sub-page__list > .wpb_wrapper {
	display: flex;
}
.sub-page__list > .vc_column-inner  > .wpb_wrapper {
	
}
.sub-page__list > .vc_column-inner > .wpb_wrapper > .wpb_single_image {
	margin-bottom: 20px;
}
.sub-page__list > .vc_column-inner > .wpb_wrapper > .wpb_text_column {

}
.sub-page__list > .vc_column-inner > .wpb_wrapper > .wpb_text_column h2 a{
	color: #000000;
}
.sub-page__list > .vc_column-inner > .wpb_wrapper > .wpb_text_column h2 a:hover{
	color: #90A3C7;
}

/*content*/
.page li.p1 {
    height: auto;
    line-height: 1.71429;
    padding: 2px 0;
    list-style-position: inside;
    font-size: 1.3em;
    margin-left: 7px;  
}
.page ul {
	list-style: none;
}
.page ul li.p1:before {
	display: inline-block;
	content: "\7a";
	font-family: "template" !important;
	margin-right: 8px;
	color: #42B3E5;
}


.knie__column .text p {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 6;
	-webkit-box-orient: vertical;
}
.single .knie__column .text {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 6;
	-webkit-box-orient: vertical;
}
.single .knie__column .text p {
	font-size: 1em;
	display: block;
}
.single .knie__column .more {
	font-size: 0.75em;
	top: 0;
}
.single .knie__column ul {
	margin-top: 50px !important;
}

.gp-back-to-top span::before {
	content: "" !important;
}
.gp-back-to-top {
	background-image: url(https://swissklinik.s-media.dev/wp-content/uploads/up-arrow_green-white.png);
	background-size: 100%;
}
.obere-boxen{
	display: flex;
	flex-wrap: wrap;
}
.box-list__bg li {
	font-size: 15px;
	margin-left: 20px;
}

@media (min-width: 768px) and (max-width: 1010px) {
.box-list__bg li {
	font-size: 12px;
}
}
/*HANDY FORMAT*/

@media (min-width: 319px) and (max-width: 480px) {

	.post-content {width: 300px !important;}
	.first-word {display: none;}


	.subheadlines-einzelthemen h1 {
    font-size: 15px;
    padding-top: 25px;
}


  	.unterthemen-text { font-size: 11px; line-height: 18px; }

    .thema { padding: 15px 0 0 0 !important;}

    .headline-thema {
      margin-top: 25%;
    	font-size: 30px;

    	}

    .headline-beschreibung {
			width: 50%;
    	font-size: 13px;
			word-wrap: break-word;

     }

    .einzelthemen-container { background-size: 20% 10%; }

    .allgemein { line-height: 18px; }

    .subheadlines-einzelthemen { background-size: 3% 100%; }

}


/*TABLET*/
@media (min-width: 480px) and (max-width: 767px) {

  	.unterthemen-text {
  		font-size: 11px; line-height: 18px;

  		}

    .thema {
    	padding: 35px 0 0 0 !important;

    }

    .headline-thema {

    	font-size: 45px;
    	white-space: nowrap;
    }

		/*.headline-thema br {
				content: ' ';

    }*/

    .headline-beschreibung {


    	font-size: 13px;
    	margin-bottom: 40px;
    	white-space: nowrap;
    	word-wrap: none;


    	}

    	.headline-beschreibung br {
				content: ' ';

    	 }

    .einzelthemen-container {
    	background-size: 20% 10%;
    	}

    .allgemein {
    	line-height: 18px;
    	}

    .subheadlines-einzelthemen h1 {
    	font-size: 17px;
    	padding-top: 25px;
    	}

    .subheadlines-einzelthemen {
    	background-size: 3% 100%;
    	}

}



@media (min-width: 767px) {

  	.unterthemen-text {
  		font-size: 14px;
  		line-height: 25px;
  		}

    .thema {
    	padding: 15px 0 0 0 !important;
    	}

    .headline-thema {
			margin-top: 25px;
    	font-size: 50px; }

    .headline-thema br {
			content: ' ';

    }

    .headline-beschreibung {

    	font-size: 20px;

    }

    .headline-beschreibung br {
			content: ' ';

    }

    .einzelthemen-container {

    	background-size: 13% 10%;

    }

    .allgemein {

    	line-height: 19px;

    	}

}


 	.header-abstand {
 		margin-right: 0px !important;
 	}

 	.bildunterschrift {
 	background: url(http://beta.swissklinik.ch/wp-content/uploads/bildunterschrift.svg) no-repeat top left;
  	background-size: 85% 140%;
  	height: 15px;
 	}

 	/*.bildunterschrift {
 	background: url(http://beta.swissklinik.ch/wp-content/uploads/bildunterschrift.svg) no-repeat top left;
  	background-size: 40% 100%;
  	height: 15px;
 	}*/

 	.abstand {
 		margin: -5px 0 0 0;
 	}


 	.sub-heading-small {
 		font-size: 16px;
 		transform: translateY(5%);
 		margin-left: 15px;
 	}


/* 	@media (min-width: 480px) {
 		.vc_empty_space {height:2vh !important;}
 		.vc_row {max-height: 10px !important;}
 	}
 */

/* 	@media (min-width: 280px) and (max-width: 480px) {


 	}*/


/*
 	@media (min-width: 480px) and (max-width: 768px) {


 	}*/

/* 	prism*/

 	.comment-form label, .contact-form label {
    display: block;
    font-size: 16px;
    line-height: 1.83334;
    color: #444;
    margin-top: 15px;
    margin-bottom: 0px;
}
.comment-form input, .comment-form textarea, .contact-form input, .contact-form textarea {
    width: 100%;
    padding: 13px 22px;
    color: #000;
    margin: 0;
    background: #F0F0F0;
    border: 1px solid #90a3c7;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.site-container .simple-list li::before{
	color: #90A3C7;
}
.site-container .simple-list li a {
    display: inline-block;
    vertical-align: middle;
}
.wpb_widgetised_column, .wpb_content_element, ul.wpb_thumbnails-fluid > li, .last_toggle_el_margin, .wpb_button {
    margin-bottom: 0 !important;
}
.single .post-content li {
    height: auto;
    line-height: 1.71429;
    padding: 2px 0;
    list-style-position: inside;
    font-size: 1.3em;
}
.mc-icon, .mc-features-style-light .hexagon span::before, .hexagon.style-light span:before, .simple-list li::before, .single .post-content ul li::before {
    color: #90A3C7 !important;
}
p.p1 {
    margin-top: revert;
    margin-bottom: revert;
}

.post-content p:last-of-type {
    display: inline !important;
}
.page-header-left {

    width: 100%;
}
.more {
    font-family: revert;
}
.thema {
    width: 100%;
    padding-right: 10px !important;
}
.headline-thema {
    white-space: inherit;
}
.headline-beschreibung{
	margin-bottom: 29px !important;
}

.mc-features-circle .circle span {
    width: 100%;
    height: 100%;
    position: relative;
    background-color: transparent;
}
.mc-features-circle .circle span:before {position: absolute;}
.mc-features .text {
    margin-left: 117px !important;
    text-align: left;
    margin-top: 0 !important;
    width: auto !important;
}
.home-themen ul li{
	padding: 0;
}
.home-themen ul li:before {
    display: none !important;
}
.home-themen ul {
    padding-left: revert;
}

@media (min-width: 319px) and (max-width: 480px){
.headline-thema {
    font-size: 30px !important;
}
}

/*end 	prism*/