@font-face {
  font-family: 'Yadon';
  src: url('https://www.zahnregulierung-votiv.at/fileadmin/templates/fonts/Yadon-Medium.woff2') format('woff2'), url('/fileadmin/templates/fonts/Yadon-Medium.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* montserrat-regular - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('https://www.zahnregulierung-votiv.at/fileadmin/templates/fonts/montserrat-v25-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://www.zahnregulierung-votiv.at/fileadmin/templates/fonts/montserrat-v25-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('https://www.zahnregulierung-votiv.at/fileadmin/templates/fonts/montserrat-v25-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://www.zahnregulierung-votiv.at/fileadmin/templates/fonts/montserrat-v25-latin-regular.svg#Montserrat') format('svg'); /* Legacy iOS */
}

/* raleway-regular - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: url('https://www.zahnregulierung-votiv.at/fileadmin/templates/fonts/raleway-v28-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://www.zahnregulierung-votiv.at/fileadmin/templates/fonts/raleway-v28-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('https://www.zahnregulierung-votiv.at/fileadmin/templates/fonts/raleway-v28-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://www.zahnregulierung-votiv.at/fileadmin/templates/fonts/raleway-v28-latin-regular.svg#Raleway') format('svg'); /* Legacy iOS */
}

/* raleway-700 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 700;
  src: url('https://www.zahnregulierung-votiv.at/fileadmin/templates/fonts/raleway-v28-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://www.zahnregulierung-votiv.at/fileadmin/templates/fonts/raleway-v28-latin-700.woff') format('woff'), /* Modern Browsers */
       url('https://www.zahnregulierung-votiv.at/fileadmin/templates/fonts/raleway-v28-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://www.zahnregulierung-votiv.at/fileadmin/templates/fonts/raleway-v28-latin-700.svg#Raleway') format('svg'); /* Legacy iOS */
}

/* raleway-italic - latin */
@font-face {
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 400;
  src: url('https://www.zahnregulierung-votiv.at/fileadmin/templates/fonts/raleway-v28-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://www.zahnregulierung-votiv.at/fileadmin/templates/fonts/raleway-v28-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('https://www.zahnregulierung-votiv.at/fileadmin/templates/fonts/raleway-v28-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://www.zahnregulierung-votiv.at/fileadmin/templates/fonts/raleway-v28-latin-italic.svg#Raleway') format('svg'); /* Legacy iOS */
}

html {
	position:relative;
	margin:0;
	padding:0;
	overflow-x:hidden;
	overflow-y:scroll;
	background:#fff;
}

body {
	position:relative;
	margin:0;
	padding:80px 0 30px;
	font-family:'Raleway',sans-serif;
	overflow:hidden;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	-moz-text-size-adjust:none;
	-webkit-text-size-adjust:none;
	-ms-text-size-adjust:none;
	text-size-adjust:none;
	font-size:0;
	line-height:0;
}

img {
	border:0;
	outline:0;
	max-width:100%;
	height:auto;
}

a {
	text-decoration:none;
	-webkit-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-ms-transition:all 0.3s ease-in-out;
	-o-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
}

#ohsmall, #ohmobile, #ohtablet {
	   display:none;
}

.text-center, .align-center {
	text-align:center;
}

.text-right, .align-right {
	text-align:right;
}

@media (max-width:1023px) {

#ohtablet {
	display:block;
}

}

@media (max-width:767px) {

#ohmobile {
	display:block;
}

}

@media (max-width:480px) {

#ohsmall {
	display:block;
}

}

#menubutton {
	position:fixed;
	right:0;
	top:0;
	width:40px;
	height:40px;
	cursor:pointer;
	-webkit-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-ms-transition:all 0.3s ease-in-out;
	-o-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
	border:0;
	z-index:1000;
	box-sizing:border-box;
	display:block;
}

#line1, #line2, #line3 {
	position:absolute;
	width:20px;
	height:2px;
	background:#000;
	right:10px;
	-webkit-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-ms-transition:all 0.3s ease-in-out;
	-o-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
}

#line1 {
	top:12px;
}

#line2 {
	top:50%;
	margin-top:-1px;
}

#line3 {
	top:auto;
	bottom:12px;
}

.active #line1 {
	-moz-transform:translate(0,7px) rotate(45deg);
	-ms-transform:translate(0,7px) rotate(45deg);
	-o-transform:translate(0,7px) rotate(45deg);
	-webkit-transform:translate(0,7px) rotate(45deg);
	transform:translate(0,7px) rotate(45deg);
}

.active #line2 {
	-moz-transform:translate(0,0) rotate(-45deg);
	-ms-transform:translate(0,0) rotate(-45deg);
	-o-transform:translate(0,0) rotate(-45deg);
	-webkit-transform:translate(0,0) rotate(-45deg);
	transform:translate(0,0) rotate(-45deg);
}

.active #line3 {
	display:none;
}


.oh-typo h1 {
	font-family:'Yadon',sans-serif;
	font-size:32px;
	line-height:1.25;
	font-weight:400;
	margin:0 auto 10px;
	padding:0;
	color:#000;
}

.oh-typo h1 i, .oh-typo h1 em {
	font-family:'Raleway',sans-serif;
	font-style:italic;
}

.oh-typo .iso-item-header-item h1 em {
	white-space:nowrap;
	font-style:normal;
	font-size:16px;
	display:block;
}

.oh-typo h1 b, .oh-typo h1 strong {
	font-family:'Raleway',sans-serif;
	font-weight:700;
}

.oh-typo h2 {
	font-size:48px;
	line-height:1.1;
	font-weight:400;
	margin:0 auto 10px;
	padding:0;
	color:#000;
	font-variant-numeric:lining-nums;
}

.iso-item-pricefull-input, .tl input, .tr input, .tr2 input {
	font-family:'Raleway',sans-serif;
	font-size:44px;
	line-height:1.1;
	font-weight:400;
	margin:0 auto;
	padding:0;
	color:#000;
	font-variant-numeric:lining-nums;
	display:inline-block;
	border:0;
	outline:none;
	background:transparent;
	-webkit-appearance:none;
	-moz-appearance:none;
	-ms-appearance:none;
	appearance:none;
	width:100%;
	box-sizing:border-box;
	text-align:center;
}

.oh-typo .iso-item-price h2 {
	font-size:36px;
	margin:0 auto;
}

.oh-typo h3 {
	font-size:25px;
	line-height:1.2;
	font-weight:400;
	margin:0 auto 10px;
	padding:0;
	color:#000;
	font-variant-numeric:lining-nums;
}

.oh-typo h3 i, .oh-typo h3 em {
	font-family:'Raleway',sans-serif;
	font-style:italic;
}

.oh-typo h3 b, .oh-typo h3 strong {
	font-family:'Raleway',sans-serif;
	font-weight:700;
}

.oh-typo h4 {
	font-size:19px;
	line-height:1.2;
	font-weight:400;
	margin:0 auto 10px;
	padding:0;
	text-transform:uppercase;
	color:#000;
}

.oh-typo h5 {
	font-size:13px;
	line-height:1.2;
	font-weight:400;
	margin:0 auto 5px;
	padding:0;
	text-transform:uppercase;
	color:#000;
}

.oh-typo h6 {
	font-size:9px;
	line-height:1.2;
	font-weight:400;
	margin:0 auto 5px;
	padding:0;
	text-transform:uppercase;
	color:#000;
}

.oh-typo p {
	font-size:17px;
	line-height:1.5;
	font-weight:400;
	margin:0 auto 30px;
	padding:0;
}

.oh-typo p b, .oh-typo p strong {
	font-weight:700;
}

.oh-typo p i, .oh-typo p em {
	font-style:italic;
}

.oh-typo p a {
	color:#06c;
}

.oh-typo p a:hover {
	color:#f00;
}

.oh-typo ul {
	position:relative;
	font-size:13px;
	line-height:1.5;
	font-weight:400;
	margin:0 auto 30px;
	padding:0;
	list-style:none;
}

.oh-typo li {
	position:relative;
	padding:0 0 0 35px;
	margin:0 0 5px;
	text-align:left;
}

.oh-typo li:last-child {
	margin:0;
}

.oh-typo li:before {
	position:absolute;
	top:0;
	left:5px;
	width:22px;
	height:22px;
	background:url(../img/001-check-mark.svg) no-repeat center center;
	background-size:100% 100%;
	content:'';
}

.oh-typo ol {
	font-size:17px;
	line-height:1.5;
	font-weight:400;
	margin:0 auto 30px;
	padding:0 0 0 30px;
}

.oh-typo h1:last-child, .oh-typo h2:last-child, .oh-typo h3:last-child, .oh-typo h4:last-child, .oh-typo h5:last-child, .oh-typo p:last-child, .oh-typo ul:last-child, .oh-typo ol:last-child {
	margin:0 auto;
}

.text {
	position:relative;
	margin:0 auto 50px;
}

.text-inner {
	position:relative;
	margin:0 auto 100px;
	padding:0 15px;
	max-width:750px;
	box-sizing:border-box;
}

.iso {
	position:relative;
	padding:0 15px;
}

.iso-inner {
	position:relative;
	margin:0 auto;
	max-width:1200px;
	text-align:center;
}

.iso-item {
	position:relative;
	margin:0;
	padding:0 15px;
	box-sizing:border-box;
	width:33.3333%;
	display:inline-block;
	vertical-align:top;
	text-align:center;
}

.iso-item:nth-child(2), .iso-item:nth-child(3) {
	display:none;
}

.iso-item-inner {
	padding:15px;
	background:#F5FAFF;
	border-radius:40px;
	overflow:hidden;
	border:2px solid rgb(248, 248, 248);
	background:#A4B8C3;
	box-shadow:rgb(221, 227, 240) 5px 17px 43px 0px;
	box-shadow:rgba(0, 0, 0, 0.07) 3px 10px 15px;
}

.iso-item-asset {
	margin:0 auto 15px;
}

.iso-item-pricefull {
	margin:0 -15px 0;
	padding:15px 15px 0;
}

.iso-item-pricefull:last-child {
	margin:0 -15px -15px;
}

.iso-item-price {
	margin:0 -15px 0;
	padding:5px 0 0;
}

.iso-item-price-item {
	display:inline-block;
	width:calc(50% - 22px);
	background:#fff;
	margin:0 7px 0 15px;
	padding:10px 5px;
	box-sizing:border-box;
	border-radius:30px;
	border:2px solid rgb(248, 248, 248);
}

.oh-typo .iso-item-price-item h5 {
	text-transform:none;
	margin:0 auto;
	font-size:11px;
}

.iso-item-price-item:nth-child(2) {
	margin:0 15px 0 7px;
}

.iso-item-asset-double {
	margin:15px -15px 15px;
	padding:0;
}

.iso-item-asset-double-item {
	display:inline-block;
	width:calc(50% - 15px);
	background:#fff;
	margin:0 5px 0 10px;
	padding:10px;
	box-sizing:border-box;
	border-radius:10px;
	border:1px solid #EFEFEF;
}

.iso-item-asset-double-item:nth-child(2) {
	margin:0 10px 0 5px;
}

.iso-item-asset-double-item img {
	margin:0 0 10px;
	width:50%;
}

.iso-item-asset2-double {
	margin:-16px -15px 15px;
	background:#fff;
	padding:0;
	border-bottom:1px solid #EFEFEF;
}

.iso-item-asset2-double-item {
	display:inline-block;
	width:50%;
	background:#fff;
	margin:0;
	padding:0 10px 10px;
	box-sizing:border-box;
}

.iso-item-asset2-double-item img {
	margin:0;
	width:80%;
}

.iso-item-header {
	margin:-15px -15px 15px;
	background:#fff;
	padding:15px;
	border-bottom:1px solid #EFEFEF;
}

.iso-item-header-items {
	position:relative;
}

.iso-item-header-item {
	cursor:pointer;	
}

.iso-item-header-item:nth-child(n+2) {
	border-top:1px solid #EFEFEF;
	display:none;
}

.iso-item-footer {
	margin:0 -15px -15px;
	padding:15px;
	border-bottom:1px solid #EFEFEF;
}

.iso-item-textarea {
	position:relative;
	min-height:160px;
}

.iso-item-textarea {

}

.filter {
	position:fixed;
	top:24px;
	left:24px;
	z-index:100;
	padding:0;
	margin:0;
	background:#fff;
	border-radius:30px;
	border:1px solid #86868b;
	overflow:hidden;
}

.filter-2 {
	left:auto;
	right:24px;
}

.filter li {
	font-size:15px;
	line-height:20px;
	padding:15px 20px;
	vertical-align:top;
	display:inline-block;
	box-sizing:border-box;
	cursor:pointer;
	-webkit-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-ms-transition:all 0.3s ease-in-out;
	-o-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
}

.filter li.active, .filter li:hover {
	background:#f0f0f0;
}

.ck-toolbar, .ck-content {
	background:transparent!important;
/*
	border:0!important;
*/
}


@media print {

.ck-toolbar__items {
	display:none!important;
}

.ck-toolbar, .ck-content {
	border:0!important;
}

}

.logo {
	position:fixed;
	top:20px;
	left:50%;
	transform:translate(-50%,0);
	height:40px;
}

.logo img {
	height:100%;
	width:auto;
}

.tl {
	position:fixed;
	top:30px;
	left:calc(50vw - 500px);
}

.tl input, .tl h2 {
	text-align:left;
	font-size:20px;
}

.tr {
	position:fixed;
	top:30px;
	right:calc(50vw - 500px);
}

.tr2 {
	position:fixed;
	top:30px;
	right:calc(50vw - 380px);
}

.tr input, .tr h2, .tr2 input, .tr2 h2 {
	text-align:right;
	font-size:20px;
	width:120px;
}

.br-plus {
	position:fixed;
	top:calc(50% - 50px);
	right:20px;
	width:40px;
	height:40px;
	background:url(../img/plus.svg) no-repeat center center;
	background-size:100% 100%;
	z-index:100;
	cursor:pointer;
}

.br-minus {
	position:fixed;
	top:calc(50% + 10px);
	right:20px;
	width:40px;
	height:40px;
	background:url(../img/minus.svg) no-repeat center center;
	background-size:100% 100%;
	z-index:100;
	cursor:pointer;
}

.br-plus.inactive, .br-minus.inactive {
	opacity:0.2;
	pointer-events:none;
}

.br-share {
	position:fixed;
	bottom:100px;
	right:20px;
	width:60px;
	height:60px;
	background:url(../img/share.svg) no-repeat center center;
	background-size:100% 100%;
	z-index:100;
	cursor:pointer;
}

@media print {

.br-plus, .br-minus, .br-share {
	display:none;
}

}

.list {
	position:relative;
	margin:0 auto;
	padding:0 0 60px;
}

.list-inner {
	position:relative;
	margin:0 auto;
	max-width:1000px;
	border-top:1px solid #EFEFEF;
}

.row {
	position:relative;
	border-bottom:1px solid #EFEFEF;
}

.row:nth-child(2n) {
	background:#F5FAFF;
}

.row-col {
	position:relative;
	display:inline-block;
	box-sizing:border-box;
	padding:10px;
	vertical-align:top;
	width:16.666666%;
}

.row-col:nth-last-child(1), .row-col:nth-last-child(2), .row-col:nth-last-child(3) {
	text-align:right;
}

.actions {
	position:fixed;
	z-index:100;
	bottom:20px;
	left:50%;
	transform:translate(-50%,0);
}

.actions-inner {
	border-radius:20px;
	background:#A4B8C3;
	box-shadow:rgb(221, 227, 240) 5px 17px 43px 0px;
	box-shadow:rgba(0, 0, 0, 0.07) 5px 17px 32px;
	padding:0 10px;
}

.actions-item {
	display:inline-block;
	vertical-align:top;
	padding:10px;
	width:40px;
	box-sizing:border-box;
	cursor:pointer;
	transition:all 0.3s ease-in-out;
}

.actions-item:hover {
	opacity:0.7;
}

.actions-item a {
	display:block;
}

.actions-item img {
	width:100%;
}



.share {
	position:fixed;
	z-index:101;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	width:480px;
	display:none;
}

.share-inner {
	position:relative;
	border-radius:20px;
	background:#fff;
	box-shadow:rgba(0, 0, 0, 0.07) 5px 17px 32px;
	padding:20px;
}

.share-close {
	position:absolute;
	top:10px;
	right:10px;
	width:40px;
	padding:10px;
	cursor:pointer;
	transition:all 0.3s ease-in-out;
}

.share-close:hover {
	opacity:0.7;
}



<div class="share">
	<div class="share-inner oh-typo">
		<h2>Fall teilen</h2>
		<h5>Interner Link:</h5>
		<p><a class="share-link-intern" href="#"></a></p>
		<h5>Externer Link:</h5>
		<p><a class="share-link-intern" href="#"></a></p>
		<h5>PDF Download:</h5>
		<p><a class="share-link-intern" href="#"></a></p>

		<div class="share-close"><img src="/img/001-close-blue.svg"></div>
	</div>
</div>