@charset "UTF-8";
/* CSS Document */
/* Theme Name: Dr. von Lorentz Author: Cuelaunch Mediadesign URL: http://www.cuelaunch.de */

/*@import url(https://fonts.googleapis.com/css?family=Montserrat);*/
/*@import url(https://fonts.googleapis.com/css?family=Mako);*/

/* mako-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Mako';
  font-style: normal;
  font-weight: 400;
  src: url('/wp-content/themes/vonLorentz/fonts/mako-v18-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('/wp-content/themes/vonLorentz/fonts/mako-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/wp-content/themes/vonLorentz/fonts/mako-v18-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/wp-content/themes/vonLorentz/fonts/mako-v18-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/wp-content/themes/vonLorentz/fonts/mako-v18-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/wp-content/themes/vonLorentz/fonts/mako-v18-latin-regular.svg#Mako') format('svg'); /* Legacy iOS */
}

/* montserrat-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('/wp-content/themes/vonLorentz/fonts/montserrat-v25-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('/wp-content/themes/vonLorentz/fonts/montserrat-v25-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/wp-content/themes/vonLorentz/fonts/montserrat-v25-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/wp-content/themes/vonLorentz/fonts/montserrat-v25-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/wp-content/themes/vonLorentz/fonts/montserrat-v25-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/wp-content/themes/vonLorentz/fonts/montserrat-v25-latin-regular.svg#Montserrat') format('svg'); /* Legacy iOS */
}


body{
		height:100%;
		width:100%;
		margin:0 auto;
		background:#000;
		font-family:Mako;
		font-size: 140%;
		font-weight: 400;
		text-align:left;
		color:#000;
		letter-spacing:0.02em;
		cursor: default;
		background-image: url(/wp-content/themes/vonLorentz/img/04/akh-back.jpg);
		background-attachment:fixed;
		background-position:top center;
		background-repeat: repeat-xy;
		-moz-osx-font-smoothing: grayscale;
		-webkit-font-smoothing: grayscale;
		-moz-osx-font-smoothing: antialiased;
		-webkit-font-smoothing: antialiased;
		}
		a {text-decoration:none; color:#000;}
		@media screen and (max-width: 1080px)  {body{font-size: 135%;}}
		@media screen and (max-width: 960px)  {body{font-size: 125%;}}
		@media screen and (max-width: 740px)  {body{font-size: 115%;}}

		h1, h2, h3, h4, h5, h6{font-weight: 400; text-transform:uppercase; color:#b99f46; letter-spacing:-0.01em; font-size: 145%;}
		h1{font-size: 155%; margin-bottom: 10px; margin-top: 10px;}
		h2{margin-bottom: 10px; margin-top: 10px;}
		h3{color:#bbab6d; font-size: 135%;}
		h4{color:#bfeaea; letter-spacing: 0.003em; font-size: 100%;}
		h5{font-size: 102%; font-weight: 600; letter-spacing: 0.02em; margin:0; margin-bottom:8px;}

		.img_card{max-width:100%; margin-bottom:-6px; padding: 3.5% 0px 3.5% 0px;}

		.img{display:block; max-width:100%; height:auto; margin:0px auto 0px auto;}

		.rev{-moz-flex-direction:row-reverse;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;}

		li {list-style-image: url(/wp-content/themes/vonLorentz/img/list-icon.png);}
			li{margin-left: 28px; margin-bottom:4px;}
			li:nth-child(1){margin-top:15px;}
			li:last-child{margin-bottom:0px;}
		ul{margin-left: -40px; list-style-type:circle;}

		p{margin:0;}

		.back_button{display:none;}
				@media screen and (max-width: 840px){.back_button{display:block;}}

		.section{float:left; width:100%;}

		.content	{
				margin: 0 auto;
				max-width:1080px;
				padding:7% 5% 7% 5%;
				border:0px solid #000;
				/*	overflow: auto;   */
				}
				@media screen and (max-width: 610px)  {.content{padding:6% 3% 6% 3%;}}



/*========================================== CONTENT =========================================*/

#head{background:#fff; box-shadow: 0px 0px 10px -5px #b2b1b1; position: fixed; z-index:50; display:block;}
		@media screen and (max-width: 840px){#head{display:none;}}


#head_content{
		padding-top: 1.5%;
		padding-bottom: 1.5%;
		text-transform:uppercase;
		font-family:Montserrat;
		font-size:67%;
		color:#644e43;
		display:-moz-flex;
		display:-webkit-flex;
		display:-ms-flex;
		display:flex;
		-moz-align-items:center;
		-webkit-align-items:center;
		-ms-align-items:center;
		align-items:center;
		}
		@media screen and (max-width: 1365px)  {#head_content{font-size:55%;}}
		.scrolly{color:#393432;}


#landing {
        background: #2a3d53;
}

#landing_content {
        padding-top: 8%;
}

.landing_adresse {
        margin-top: -10px;
        display: -moz-flex;
        display: -webkit-flex;
        display: -ms-flex;
        display: flex;
        -moz-align-items: center;
        -webkit-align-items: center;
        -ms-align-items: center;
        align-items: center;
        font-size: 70%;
        color: #fff;
}

.landing_tele {
        style=width: 50%;
        text-align: center;
        margin: 0 auto;
}

@media screen and (max-width: 570px) {
        .landing_tele {
                width: 80%;
        }
}

.tele_desktop {
        color: #fff;
        display: block;
}

@media screen and (max-width: 570px) {
        .tele_desktop {
                display: none;
        }
}

.tele_mobile {
        color: #fff;
        display: none;
}

@media screen and (max-width: 570px) {
        .tele_mobile {
                display: block;
        }
}

.landing_hide {
        display: block;
		background: 000;
		min-height: 320px;
}

@media screen and (max-width: 570px) {
        .landing_hide {
                display: none;
        }
}

.landing_show {
        display: none;
}

@media screen and (max-width: 570px) {
        .landing_show {
                display: block;
        }
}

.logo_img {
        max-width: 100%;
        height: auto;
}

@media screen and (max-width: 380px) {
        .logo_img {
                max-width: 90%;
                height: auto;
        }
}





#news{background:#fff;}
#news_content{padding-top: 1.5%; padding-bottom: 1.5%;}


#welcome{background:#e3f5f5;}
#welcome_content{
		display:-moz-flex;
		display:-webkit-flex;
		display:-ms-flex;
		display:flex;
		-moz-align-items:center;
		-webkit-align-items:center;
		-ms-align-items:center;
		align-items:center;
		}
		.welcome_text{width:65%; margin-left:5%;}
		@media screen and (max-width: 675px){.welcome_text{width:100%; margin-left:0;}}
		@media screen and (max-width: 675px){#welcome_content{display:block;}}




#akh{background:transparent;}
#akh_content{background:#fff; padding:7% 5% 5% 5%;}
		@media screen and (min-width: 1165px){#akh_content{width:920px; margin-top:7%; margin-bottom:7%;outline: 1px solid #deedee; outline-offset: 25px;}}
		@media screen and (min-width: 1440px){#akh_content{margin-top:12%; margin-bottom:12%;}}
		@media screen and (max-width: 380px){#akh_content{padding:7% 2% 0% 2%;}}

		#akh_card{float:left; width:31.86%; margin-right:2.2%;}
				@media screen and (max-width: 680px){#akh_card{float:left; width:48.2%; margin-right:1.8%;}}

		#akh_card:last-child{float:right; margin-right:0}

		.akh_card_img{display:block; max-width:100%; padding-bottom: 7%;}
				@media screen and (max-width: 680px){.hide_akh_card_img{display:none;}}




#rheuma{background:#fcf8f8;}
#rheuma_content{text-align:center;}
		@media screen and (max-width: 610px){#rheuma_content{text-align:left;}}

		.rheuma_text{max-width:90%; margin: 0 auto;}
		@media screen and (max-width: 610px){.rheuma_text{max-width:100%}}


#rheuma_site{background:#fcf8f8;}
#rheuma__site_content{}



#angebote{background:#e3f4f5;}
#angebote_content{}

		#umwelt_card{float:left; width:23.5%; margin-right:2%;}
				@media screen and (max-width: 760px){#umwelt_card{float:left; width:50%; margin-right:0;}}

		#umwelt_card:last-child{float:right; margin-right:0}

		.umwelt_card_img{display:block; max-width:100%; padding-bottom: 7%;}
				@media screen and (max-width: 760px){.hide_umwelt_card_img{display:none;}}

		.text_umwelt{
		float:left;
		width:100%;
		margin-top:-10px;
		margin-bottom:15px;
		}
		@media screen and (max-width: 680px){.text_umwelt{margin-top:-25px;}}

/*====*/

		#e_card_container{float:right; width:49%;}
				@media screen and (max-width: 680px){#e_card_container{float:none; width:100%; margin: 0 auto;}}

		#e_card{float:left; width:48%; margin-right:2%;}

		#e_card:last-child{float:right; margin-right:0}

		.e_card_img{display:block; max-width:100%; padding-bottom: 7.8%;}

		.text_e{
		float:left;
		width:49%;
		margin-right:2%;
		}

		.flex_e{
		display:-moz-flex;
		display:-webkit-flex;
		display:-ms-flex;
		display:flex;
		-moz-align-items:center;
		-webkit-align-items:center;
		-ms-align-items:center;
		align-items:center;
		}
		@media screen and (max-width: 680px){.flex_e, .text_e{display:block; width:100%; margin-right:0;}}

/*====*/

		#o_card_container{float:right; width:302px;}
				@media screen and (max-width: 885px){#o_card_container{float:none; width:100%; margin: 0 auto;}}

		#o_card{float:left; width:100%;}
				@media screen and (max-width: 885px){#o_card{float:left; width:49%; margin-right:2%;}}
				@media screen and (max-width: 680px){#o_card{width:48%;}}

		#o_card:last-child{float:right; margin-right:0}

		.o_card_img{display:block; max-width:100%; padding-bottom: 7.8%;}

		.text_o{
		float:left;
		width:66%;
		margin-left:4%;
		}

		.flex_o{
		display:-moz-flex;
		display:-webkit-flex;
		display:-ms-flex;
		display:flex;
		-moz-align-items:center;
		-webkit-align-items:center;
		-ms-align-items:center;
		align-items:center;
		}
		@media screen and (max-width: 885px){.flex_o, .text_o{display:block; width:100%; margin-left:0;}}

/*====*/

#diagnostik{background:#deedee;}
#diagnostik_content{}

		#un_card_container{float:right; width:49%;}
		@media screen and (max-width: 760px){#un_card_container{float:none; width:100%; margin: 0 auto;}}

		#un_card{float:left; width:48%; margin-right:2%; margin-top:-3.9%;}

		#un_card:last-child{float:right; margin-right:0}

		.un_card_img{display:block; max-width:100%; padding-bottom: 7.8%;}

		.h_un{text-align:right; text-transform:uppercase; font-weight:600; color:#bba24b; font-size:85%; margin-bottom:10px;}
		@media screen and (max-width: 855px){.h_un{text-align:left;}}

		.text_un{
		float:left;
		width:49%;
		margin-right:2%;
		}
		@media screen and (max-width: 760px){.text_un{width:100%;}}

/*====*/

		#lb_1_container{
		display:-moz-flex;
		display:-webkit-flex;
		display:-ms-flex;
		display:flex;
		-moz-align-items:center;
		-webkit-align-items:center;
		-ms-align-items:center;
		align-items:center;
		margin-top:1.5%;
		margin-bottom:1.5%;
		}
		@media screen and (max-width: 855px){#lb_1_container{
		-moz-flex-direction:row-reverse;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;}}

		#lb_1_card{width:100%; max-width:308px; display:block;}
		@media screen and (max-width: 855px){#lb_1_card{max-width:49%}}
		@media screen and (max-width: 760px){#lb_1_card{max-width:47.9%}}
		@media screen and (max-width: 660px){#lb_1_card{display:none}}

		.lb1_img{display:block; max-width:100%; padding-bottom: 4%;}

		.h_lb{font-weight:600; color:#bba24b; font-size:85%; text-transform:uppercase;}

		.lb_1_text{margin-left:4%;}
		@media screen and (max-width: 855px){.lb_1_text{margin-left:0; margin-right:4%;}}
		@media screen and (max-width: 660px){.lb_1_text{ width:100%; margin-right:0;}}

/*====*/

		#lb2_card_container{float:right; width:49%;}
		@media screen and (max-width: 760px){#lb2_card_container{float:none; width:100%; margin: 0 auto;}}

		#lb2_card{float:left; width:48%; margin-right:2%; margin-top:-3.9%;}

		#lb2_card:last-child{float:right; margin-right:0}

		.lb2_card_img{display:block; max-width:100%; padding-bottom: 7.8%;}

		.text_lb2{
		float:left;
		width:49%;
		margin-right:2%;
		}
		@media screen and (max-width: 760px){.text_lb2{width:100%;}}
		@media screen and (max-width: 855px){.text_lb2{margin-top:-30px;}}







#team{background:#fff;}
#team_content{}

		.t1{
		font-size:93.5%;
		padding-bottom:8%;
		border-bottom:1px solid #eee;
		}
		@media screen and (max-width: 1135px){.t1{text-align:center;}}
		@media screen and (max-width: 660px){.t1{font-size:100%; text-align:left;}}

		.t1:last-child{border-bottom:0px solid #eee; padding-bottom:0;}

		.img_t1{
		float:left;
		padding-right:3.8%;
		padding-bottom:2%;
		}
		@media screen and (max-width: 1135px){.img_t1{padding-right:1.5%;}}
		@media screen and (max-width: 660px){.img_t1{padding-right:2.8%;}}

		.img_t2{
		float:right;
		padding-left:2.5%;
		padding-bottom:2%;
		}
		.img_t1, .img_t2{width:100%; max-width:220px;}

		@media screen and (max-width: 1165px){.img_t1, .img_t2{max-width:255px;}}
		@media screen and (max-width: 1135px){.img_t1, .img_t2{max-width:30%; float:none; margin: 0 auto; padding-left:0;}}
		@media screen and (max-width: 660px){.img_t1, .img_t2{max-width:47.7%;}}





#kontakt{
		background-image: url(/wp-content/themes/vonLorentz/img/10/footer1-1.jpg);
		background-attachment:fixed;
		background-position:bottom center;
		background-repeat: repeat-xy;
		float:left;
		}
		@media screen and (min-width: 1165px){#kontakt{padding-bottom:20%;}}

#kontakt_content{background:#e3f5f5;}
@media screen and (min-width: 1165px){#kontakt_content{width:915px; margin-top:7%; margin-bottom:7%; outline: 1px solid #deedee; outline-offset: 25px;}}
@media screen and (min-width: 1440px){#kontakt_content{margin-top:12%; margin-bottom:12%;}}


		.kontakt_h{display:block;}
		@media screen and (max-width: 445px)	{.kontakt_h{display:none;}}
		.kontakt_h_mobile{display:none;}
		@media screen and (max-width: 445px)	{.kontakt_h_mobile{display:block;}}

		.kontakt_flex{
		display:-moz-flex;
		display:-webkit-flex;
		display:-ms-flex;
		display:flex;
		}
		@media screen and (max-width: 445px)	{.kontakt_flex{display:block;}}

		.kontakt_left{
		float:left;
		font-size:80%;
		max-width:44.5%;
		border-right:1px solid #bba24b;
		padding-right:5%;
		}

		.kontakt_right{
		float:left;
		font-size:80%;
		padding-left:5%;
		}
		@media screen and (max-width: 445px)	{.kontakt_left, .kontakt_right{max-width:100%; padding:0; border-right:0px solid #d69024;}}










img.alignleft{float:left; margin: 1% 3% 1% 0%; max-width:100%; height:auto;}
@media screen and (max-width: 830px)	{img.alignleft{float:none; display: block; margin-left: auto; margin-right: auto; max-width:100%; height:auto}}

img.alignright{float:right; margin: 1% 0% 1% 3%; max-width:100%; height:auto;}
@media screen and (max-width: 830px)	{img.alignright{float:none; display: block; margin-left: auto; margin-right: auto; max-width:100%; height:auto}}

img.aligncenter{display: block; margin-left: auto; margin-right: auto; max-width:100%; height:auto;}



.flex{

display:-moz-flex;
display:-webkit-flex;
display:-ms-flex;
display:flex;
-moz-align-items:center;
-webkit-align-items:center;
-ms-align-items:center;
align-items:center;

}

/*
#onlinetermin {
        position: absolute;
        z-index: 1000;
        background: #fff;
        top: 300px;
        right: 0;
        width: auto;
        padding: 5px 10px 7px 12px;
        border-radius: 5px 0px 0px 5px;
}

@media screen and (max-width: 855px) {
        #onlinetermin {
                top: 60px;
                right: auto;
                left: calc(50% - 110px);
                width: 210px;
                padding: 5px 7px 7px 12px;
                border-radius: 5px 5px 5px 5px;
				text-align: center;
        }

        #landing_content {
				padding-top: 120px;
        }
}
*/

#onlinetermin-2 {
        display: block;
        text-align: center;
        background: #fff;
        width: 250px;
        padding: 5px 10px 7px 12px;
        border-radius: 5px;
}
