:root {
	/* a touch of gray */
	--dark-text-color: #eee;
	--spacing: 35px;
	--menu-height: 90px;
}


#home .header {
	height: 900px;
	overflow: hidden;
	position: relative;
	margin-bottom: 0;
}

.header {
	height: 670px;
	overflow: hidden;
	position: relative;
	margin-bottom: calc(var(--spacing) * 2);
}

.header img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.menu {
	height: var(--menu-height);
	width: 100%;
	justify-content: flex-end;
	transition: all 0.3s;
	z-index: 3;
}

.menu .logo {
	height: 100%;
	width: auto;
	margin-right: auto;
}

.menu.dark {
	background: #202637;
}


.site-head-start {
    position: relative;
    display: flex;
    width: calc(100vw - 0px);
    height: 850px;
    text-align: center;
    color: #bbb;
    z-index: 1;
    margin: 90px 0 0 0;

    background-image: url("/stream/images/mainimages/medizinrecht-duesseldorf.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 1;

    justify-content: center;
	flex-direction: column;
	align-items: center;

}

.site-head-start .slogan.content {
    margin: 0 auto;
    width:100%;
    max-width: 1400px;
}

.site-head-start .slogan {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    color: #efefef;
    font-size: 2.2rem;
    padding:5px 15px
}

.site-head-start .slogan .block_content p {
    font-weight: 500;
    font-size: 50px;
    line-height:1em;
    text-align: left;
    color: #cd1719;

    line-height: normal;
}

.site-head-start .slogan .marker {
    color:#c89d66
}


.site-head {
	margin-top: 50px;
	width: calc(100vw - 0px);
	height: 550px;
}


.cover-image:is(img), .cover-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.parallax {
	width: 100vw;
}
/* startseite */
.parallax img {
	height: inherit;
	width: 100%;
	object-fit: cover;
}

.headline {
	margin-bottom: var(--spacing);
}

.rounded, .rounded img {
	border-radius: 25px;
}
img.rounded {
	  box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}

/* UGrid Hintergrund */
.content:has(.gray) {
    background: #f7f8fd;
    margin: 0;
    padding: 100px var(--content);
}

.content:has(.gray) h2 {
	color:#cd1719 !important;
	font:500 42px 'Open sans', sans-serif !important;
	padding-bottom:10px !important;
}



.objectfit-cover, .objectfit-cover .text {
    width: 100%;
    min-height: 600px;
    height: 100%;
    position:relative
}

.objectfit-cover .tb_image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    margin: 0;
    position:absolute;
    border-radius: 50px;
}

.site-head-start .simple-button-plugin {
	display: inline-block;
	background-color: rgb(210, 34, 52);
	border: 1px solid rgb(210, 34, 52);
	padding: 10px 10px;
	border-radius: 5px;
	font-size: 18px;
	cursor: pointer;
	color: rgb(255, 255, 255) !important;
	text-decoration: none !important;
}

.simple-button-plugin {
	display: inline-block;
	background-color: rgb(210, 34, 52);
	border: 1px solid rgb(210, 34, 52);
	padding: 5px 10px;
	border-radius: 5px;
	font-size: 18px;
	cursor: pointer;
	color: rgb(255, 255, 255) !important;
	text-decoration: none !important;
}


.box > * {
  width: 100%;
}

.box {
  display: flex;
  flex-direction: row;
}

.box-left {
  padding: 10px;
  flex: 50%;
}

.box-right {
  padding: 10px;
  flex: 50%;
}


.uvideo .uvideo-play i {
margin-left: 15px !important;
}

.uvideo .uvideo-play {
  color: #cd1719 !important;
  z-index: 1 !important;
}

.uvideo .preview img {
	width: 100%;
    height: 100%;
    object-fit: cover;
}


star {
    font-size: 30px;
    color: #ffd200;
}



#tns1 > .tns-item {
	padding: 0 50px 0 0;
}

.tns-outer{
	padding:0 !important;
	width:97% !important;
}

.tns-nav {
	bottom: -40px !important;
}


#medizin-form {
    width: 100% !important;
}


#mainimage {
    width: 100%;
    height: 100%;
    object-position: center;
    object-fit: cover;
    margin-top:var(--menu-height)
}

/*body:not(#home) #mainimage {
    height: calc(50vh - 10px);
    width: 100vw;
}*/



#buttons {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;

    position: fixed;
    display: inline-flex;
    vertical-align: middle;

    right: -1px;
    top: 52%;
    transform: translateY(-52%);

    z-index: 500;
    transition: all 1s;
}


#buttons.inactive {
    right: -100%;
}
#buttons.active {
    right: -1px;
}

.btn-secondary {
    color: #ffffff;
    background: #d22234;

    padding: 0.5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: 0.3rem;

    margin-top: 2px;

    border-top-left-radius: 2rem !important;
    border-bottom-left-radius: 2rem !important;
    border: 1px solid #ffffff;

    width: 100%;

}

.btn-secondary:hover {
    background: #d22234;
    text-decoration: none;
}

#buttons .fa,
#buttons .fas,
#buttons .fab {
    display: inline-block;
    margin-right: 12px;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.btn-sm {
    display: inline-block;
    margin-right: 12px;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}


@media (max-width: 1590px) {
    #buttons {
        transform: translate(100%,-52%);
    }

    #buttons .btn-secondary {
        transform: translateX(-45px);
        transition: transform 0.5s
    }

    #buttons .btn-secondary:hover {
         transform:translateX(-100%) 
    }
}


#callnowbutton {
    display: none;
    position: fixed;
    text-decoration: none;
    z-index: 2147483647;
    width: 65px;
    height: 65px;
    border-radius: 50%;
    bottom: 5px;
    transform: scale(0.8);
    right: 5px;
    background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIzLjEuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhcGFfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgdmlld0JveD0iMCAwIDQ4MC42IDQ4MC42IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0ODAuNiA0ODAuNjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiNGRkZGRkY7fQo8L3N0eWxlPgo8Zz4KCTxnPgoJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0zNjUuNCwzMTcuOWMtMTUuNy0xNS41LTM1LjMtMTUuNS01MC45LDBjLTExLjksMTEuOC0yMy44LDIzLjYtMzUuNSwzNS42Yy0zLjIsMy4zLTUuOSw0LTkuOCwxLjgKCQkJYy03LjctNC4yLTE1LjktNy42LTIzLjMtMTIuMmMtMzQuNS0yMS43LTYzLjQtNDkuNi04OS04MWMtMTIuNy0xNS42LTI0LTMyLjMtMzEuOS01MS4xYy0xLjYtMy44LTEuMy02LjMsMS44LTkuNAoJCQljMTEuOS0xMS41LDIzLjUtMjMuMywzNS4yLTM1LjFjMTYuMy0xNi40LDE2LjMtMzUuNi0wLjEtNTIuMWMtOS4zLTkuNC0xOC42LTE4LjYtMjcuOS0yOGMtOS42LTkuNi0xOS4xLTE5LjMtMjguOC0yOC44CgkJCWMtMTUuNy0xNS4zLTM1LjMtMTUuMy01MC45LDAuMWMtMTIsMTEuOC0yMy41LDIzLjktMzUuNywzNS41QzcuMywxMDMuOSwxLjYsMTE3LDAuNCwxMzIuM2MtMS45LDI0LjksNC4yLDQ4LjQsMTIuOCw3MS4zCgkJCWMxNy42LDQ3LjQsNDQuNCw4OS41LDc2LjksMTI4LjFjNDMuOSw1Mi4yLDk2LjMsOTMuNSwxNTcuNiwxMjMuM2MyNy42LDEzLjQsNTYuMiwyMy43LDg3LjMsMjUuNGMyMS40LDEuMiw0MC00LjIsNTQuOS0yMC45CgkJCWMxMC4yLTExLjQsMjEuNy0yMS44LDMyLjUtMzIuN2MxNi0xNi4yLDE2LjEtMzUuOCwwLjItNTEuOEM0MDMuNiwzNTUuOSwzODQuNSwzMzYuOSwzNjUuNCwzMTcuOXoiLz4KCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMzQ2LjMsMjM4LjJsMzYuOS02LjNjLTUuOC0zMy45LTIxLjgtNjQuNi00Ni4xLTg5Yy0yNS43LTI1LjctNTguMi00MS45LTk0LTQ2LjlsLTUuMiwzNy4xCgkJCWMyNy43LDMuOSw1Mi45LDE2LjQsNzIuOCwzNi4zQzMyOS41LDE4OC4yLDM0MS44LDIxMiwzNDYuMywyMzguMnoiLz4KCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNDA0LDc3LjhDMzYxLjQsMzUuMiwzMDcuNSw4LjMsMjQ4LDBsLTUuMiwzNy4xYzUxLjQsNy4yLDk4LDMwLjUsMTM0LjgsNjcuMmMzNC45LDM0LjksNTcuOCw3OSw2Ni4xLDEyNy41CgkJCWwzNi45LTYuM0M0NzAuOSwxNjkuMyw0NDQuNCwxMTguMyw0MDQsNzcuOHoiLz4KCTwvZz4KPC9nPgo8L3N2Zz4K")
    center / 40px 40px no-repeat #cd1719;

}



/* 
	High Resolution Desktops
*/
@media (min-width: 1281px) {
}

/* 
	Laptops, Desktops
*/
@media (min-width: 1025px) and (max-width: 1280px) {
}
  
/* 
	Tablets Portrait-Mode
*/  
@media (min-width: 768px) and (max-width: 1024px) {
	.header {
		height: 600px;
	}


	.box {
	    flex-direction: column;
	}
}
  
/* 
	Tablets Landscape-Mode
*/ 
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
	.header {
		height: 600px;
	}


	.box {
	    flex-direction: column;
	}

	#buttons {
		display: none;
	}

	#callnowbutton {
	    display: block;
	}
}
  
/* 
	Mobile Landscape-Mode
*/
@media (min-width: 481px) and (max-width: 767px) {


	.box {
	    flex-direction: column;
	}


}

/* 
	Mobile Portrait-Mode
*/
@media (min-width: 320px) and (max-width: 480px) {
	:root {
		--spacing: 15px;
	}

	#buttons {
		display: none;
	}

	#callnowbutton {
	    display: block;
	}
	
	.header {
		height: 350px;
	}
	#home .header {
		height: 490px;
	}


	.header .slogan {
		top: 55%;
	}
	.header .slogan h2, .header .slogan p {
		margin: 0;
	}

	.box {
	    flex-direction: column;
	}

	.site-head-start {
		height: 400px;
	}

	.site-head-start .slogan .block_content p {
		font-size: 25px;
        margin-bottom: 20px;
        line-height: normal;
	}

	.site-head {
	    margin-top: 50px;
	    width: calc(100vw - 0px);
	    height: 300px;
	}


	h1{
		color:#000000;
		font:500 40px 'Open sans', sans-serif;
		margin:0 0 0 0;
		padding-bottom:20px;
	}
	#home h1 {
		color:#cd1719;
		font:500 40px 'Open sans', sans-serif;
		margin:0 0 0 0;
		padding-bottom:30px;
	}

	h2{
		color:#cd1719;
		font:500 30px 'Open sans', sans-serif;
		padding-bottom:20px;
		margin: 0;
	}

	#home h2 {
		color:#000000;
		font:500 30px 'Open sans', sans-serif;
		padding-bottom:20px;
	}

	.content:has(.gray) h2 {
		font: 500 30px 'Open sans', sans-serif !important;
	}

	h3{
		color:#cd1719;
		font:500 22px 'Open sans', sans-serif;
		padding-bottom:10px;
		margin: 0;
	}
	h4{
		color:#cd1719;
		font:500 20px 'Open sans', sans-serif;
		padding-bottom:15px;
		margin: 0;
	}


	.objectfit-cover .tb_image {
	    height: auto;
	}

	.objectfit-cover, .objectfit-cover .text {
	    min-height: 300px;
	}


	button.bense-acc h2 {
		font-size: 25px !important;
	}


	.b1904004470.uvideo {
	    width: 100%;
	    height: 100px !important;
	}

}