.ab-tablet {
	display: none;
}
@font-face {
    font-family: 'Linotype Univers 320 CnLight';
    src: url('LinotypeUnivers-320CnLight.woff2') format('woff2'),
        url('LinotypeUnivers-320CnLight.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}
html, body {
	font-family: 'Linotype Univers 320 CnLight';
    font-weight: 300;
    font-style: normal;
	font-size: 1.5rem;
}
body {
	margin:0;
	padding:0;
	padding-top: 1em;
	background-color: #595959;
}
html.start, body.home {
	min-height: 100%;
	height: 100%;
	padding-top: 0;
}
a:link,
a:visited {
	color: #6E6D6B;
	text-decoration:none;
	}
a:hover,
a:focus,
a:active {
	color: #ED008C;
	}
a.rosa {
	color: white;
	display: table;
	padding: .1em .3em;
	background: #ED008C;
}
.fett {
	font-weight: 600;
}
h1 {
	color: white;
	display: table;
	font-size: 1.15em;
	padding: .3em .3em .1em;
	background: #ED008C;
	position: relative;
	margin-top: 14vw;
}
h2 {
	font-size: 1.17em;
	margin: 1.1em 0 1em;
}
#screen {
	min-height: 100%;
	vertical-align: top;
	display: table;
	height: 100%;
	width: 100%;
}
#screen-innen {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
#visitenkartenbereich {
	position: relative;
	max-width: 996px;
	margin: 0 auto;
}
#screen img {
	max-width: 99%;
	}
.home #screen img {
	border-bottom: 1px solid #6E6D6B;
}
img.mobil {
	width: 99%;
	height: auto;
}
/* Menü - */
.menuwrapper {
	display: flex;
    position: absolute;
    width: 100%;
	top: 0;
	z-index: 2;
}
.menuwrapper.unterseite {
	top: 2vw;
}
.home .menuwrapper {
	top: 60vw;
}
.menu-rechts{
	margin-right: 15%;
	text-align: right;
	width: 85%;
}
.menupunkt {
	margin-top: 1.2vw;
}
.home .menupunkt {
	margin-top: 3vw;
}
.menu-rechte {
	width: 35%;
}
.menu-linke {
	width: 65%;
	text-align: right;
	position: relative;
	z-index:2;
}
.menupunkt a {
	background: white;
	border: 3px solid;
	display: inline-block;
	font-family: sans-serif;
	height: 7vw;
	line-height: 7vw;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 600;
	font-size: 5vw;
	padding-left: 2vw;
	padding-right: 2vw;
}
.menupunkt.gelb a:link,
.menupunkt.gelb a:visited {
	color: #F6A233;
	border-color: #F6A233;
}
.menupunkt.rot a:link,
.menupunkt.rot a:visited {
	color: #EC554B;
	border-color: #EC554B;
}
.menupunkt.blau a:link,
.menupunkt.blau a:visited {
	color: #6EA9DB;
	border-color: #6EA9DB;
}
.menupunkt.lila a:link,
.menupunkt.lila a:visited {
	color: #A23888;
	border-color: #A23888;
}
.menupunkt.gruen a:link,
.menupunkt.gruen a:visited {
	color: #96CD45;
	border-color: #96CD45;
}
/*-------------*/
.menupunkt.gelb a:hover,
.menupunkt.gelb a:focus,
.menupunkt.gelb.aktiv a {
	color: white;
	background: #F6A233;
}
.menupunkt.rot a:hover,
.menupunkt.rot a:focus,
.menupunkt.rot.aktiv a  {
	color: white;
	background: #EC554B;
}
.menupunkt.blau a:hover,
.menupunkt.blau a:focus,
.menupunkt.blau.aktiv a  {
	color: white;
	background: #6EA9DB;
}
.menupunkt.lila a:hover,
.menupunkt.lila a:focus,
.menupunkt.lila.aktiv a  {
	color: white;
	background: #A23888;
}
.menupunkt.gruen a:hover,
.menupunkt.gruen a:focus,
.menupunkt.gruen.aktiv a  {
	color: white;
	background: #96CD45;
}
.unterseite .menupunkt.blau {
	margin-right: -3vw;		
}
.unterseite .menupunkt.lila {
	margin-right: -12vw;		
}
.unterseite .menupunkt.gruen {
	margin-right: -20vw;		
}
/* - Ende Menü - */
a.homelink {
	display: block;
	width: 90%;
	height: 60%;
	color: transparent;
	margin-left: 10%;
}
#baustelle {
	position: relative;
	margin: 0 auto;
	width: 99%;
	max-width: 989px;
	text-align: center;
	font-size: .925em;
	background: rgba(255,255,255,0.6);
}

/* - Beginn Content-Text - */
	.mobil .contentbild img {
		width: 100%;
	}

/* - Beginn Footer - */
.spalte,
.padding-1 {
		padding: 1em;
}
.padding-2 {
		padding: 1em 2em;
}
.spalte-2 {
	padding: 0 1em;
}
#agb {
	position: absolute;
	width: 100%;
	bottom: 7.5%;
	z-index: 100;
}
#whow-logo {
	position: absolute;
	width: 100%;
	bottom: 1.5%;
}
.whow-logo-innen {
	width: 90%;
	max-width: 989px;
	margin: 0 auto;
}
 #whow-logo a {
	display: block;
	width: 30%;
	margin: 0 auto 0 7%;
}
.erscheint {
	padding-bottom: .3em;
	display: block;
	font-size: 3vw;
	font-weight: 600;
	color: black;

}
#inhalt {
	width: 100%;
}
.inhalt-innen {
	width: 99%;
	max-width: 989px;
	margin: 0 auto;
	background: white;
	text-align: left;
}
	.max-989 {
		max-width: 989px !important;
		width: 99%;
		display: block;
		margin: 0 auto;
	}
	.max-989 img {
		width: 100%;
		max-width: 100% !important;
	}
@media (min-width: 992px) {
	body {
		font-size: .667rem;
	}
	.mobil {
		display: none;
	}
	.ab-tablet {
		display: initial;
	}
	h1 {
		padding: .1em .3em;
		font-size: 1.5em;
		margin-top: 0;
	}
	#screen img.karte {
		max-width: 100%;
	}
	/* - Menu - */
	.menuwrapper,
	.home .menuwrapper	{
		display: flex;
		position: absolute;
		width: 100%;
		top: 0;
	}
	.menuwrapper.unterseite {
		top: 0;
	}
	.menuzelle {
		width: 50%;
	}
	.menu-rechts {
		text-align: left;
	}
	.unterseite .menu-linke {
		position: relative;
		z-index: 2;
	}
	.home .menupunkt {
		margin-top: 1.9em;
	}
	.unterseite .menupunkt {
		margin-top: 1.5em;
	}
	.menupunkt a {
		border: 2px solid;
		-webkit-border-radius: 10px;
		border-radius: 10px;
		height: inherit;
		line-height: inherit;
		font-weight: 600;
		font-size: 22px;
		padding: 2px 6px;
	}
	.home .menupunkt.gelb {
		margin-left: 25px;
	}
	.home .menupunkt.rot {
		margin-left: 56px;		
	}
	.home .menupunkt.blau {
		margin-left: 78px;		
	}
	.home .menupunkt.lila {
		margin-left: 56px;		
	}
	.home .menupunkt.gruen {
		margin-left: 20px;		
	}
	.unterseite .menupunkt.gelb {
		margin-right: -45px;
	}
	.unterseite .menupunkt.blau {
		margin-right: 20px;		
	}
	.unterseite .menupunkt.lila {
		margin-right: -30px;		
	}
	.unterseite .menupunkt.gruen {
		margin-right: -60px;		
	}
	a.homelink {
		height: 245px;
	}
	
	/* - Beginn Content Desktop - */
	.text-bild {
		display: flex;
		position: relative;
	}
	.text-bild > * {
		width: 50%;
	}
	.text {
		padding-right: 1.5em;
	}
	.text > p {
		margin-top: 0;
	}
	.contentbild {
		padding-left: 1.5em;
	}
	.conversion {
		position: absolute;
		bottom: 0;
		margin-bottom: 0;
	}
	
	#whow-logo {
		bottom: 12%;
	}
	#whow-logo a {
		width: 25%;
		margin: 0 7% 0 auto;
	}
	.erscheint {
		font-size: 1em;
		color: inherit;
		font-weight: inherit;
	}
	#baustelle-innen {
		display: flex;
		width: 90%;
		margin: 0 auto;
		justify-content: space-evenly;
		gap: 90px;
	}
	.spalte {
		padding: 1em 0;
	}
	.spalte-2 {
	}
}