on.web - Admin

Seite hinzufügen
Name der neuen Webseite (ohne Endung)
Menü bearbeiten
down
Head bearbeiten mit Doppelklick auf den Code
<meta name="viewport" content="width=device-width,initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>web-designwerkstatttitle>
<meta name="Robots" content="INDEX,FOLLOW">
<meta name="revisit-after" content="7 day">
<link rel="shortcut icon" href="template/daten/img/fav.png" type="image/x-icon">
<link rel="icon" href="template/daten/img/fav.png" type="image/x-icon">
<meta name="Keywords" content="Schlüsselwörter für Suchmaschinen, mit Komma getrennt">
<meta name="Description" content="Ein schöner Text">
<meta name="author" content="web-designwerkstatt">
<link href="template/css/alles.css" rel="stylesheet" type="text/css">		
<link href="cms/onweb/bausteine.css" rel="stylesheet" type="text/css">	
<link rel="stylesheet" href="cms/move/css/default.css" type="text/css" media="screen" />
<link rel="stylesheet" href="cms/move/css/nivo-slider.css" type="text/css" media="screen" />
<script type="text/javascript" src="cms/move/scripts/jquery-1.9.0.min.js">script>
<script type="text/javascript" src="cms/move/scripts/jquery.nivo.slider.js">script>
<script type="text/javascript" src="cms/move/scripts/all.js">script>


Codeschnipsel Steuerelement
Codeschnipsel Steuerelement
Codeschnipsel Steuerelement
Codeschnipsel Steuerelement
CMS onweb Demo
Slider (falls vorhanden) bearbeiten mit Doppelklick auf den Code



alles.css bearbeiten mit Doppelklick auf den Code
@charset "utf-8";

@import url('https://fonts.googleapis.com/css?family=Playball');

body {
    /* === css:::115!important=== */
    line-height: 30px;
    font-color:#333;
    margin: 0;
    font-size:90%;
    }

*{
	max-width:100%;
	}
	

html {
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	}
	
body, button, textarea { 13px/1.65em "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;color:#999;font-size:100%
	}
	
h1, h2,  h4, h5 p , .slogan, #inh li {
	font-family: 'Playball', sans-serif!important;
			}


.hgfarbe_1,body,input[type="text"], input[type="number"], [type="email"], input[type="url"],[type="search"], .baustein_2 .rechts{
	background-color:white!important;
	}
	
.hgfarbe_1 {
    background-color: white;
	}

.hgfarbe_2,.timeline::after,  input[type="button"], [type="submit"], .content {
	background-color: rgba(130,130,130,.2);
	}
	
.hgfarbe_3,  .content,input:hover,input[type="button"]:hover, [type="submit"]:hover{
	background-color:#ccc
	}
	
.hgfarbe_4,.termine .date{
	background-color:black!important;
	}
	
input[type="button"], [type="submit"], a.simple-button-plugin{
	background-image: -webkit-gradient(linear, left top, left bottom, from( #fabb4f ), to(#996624 ));
		background-image: -webkit-linear-gradient(#fabb4f ,#996624);
		background-image: -moz-linear-gradient(#fabb4f ,#996624 );
		background-image: -ms-linear-gradient(#fabb4f ,#996624);
		background-image: -o-linear-gradient(#fabb4f ,#996624);
		background-image: linear-gradient(#fabb4f ,#996624);
	}
	input[type="button"]:hover, [type="submit"]:hover, a.simple-button-plugin:hover{
	background-image: -webkit-gradient(linear, left top, left bottom, from( #e86727), to(#3b2a13 ));
		background-image: -webkit-linear-gradient(#e86727 ,#3b2a13);
		background-image: -moz-linear-gradient(#e86727 ,#3b2a13);
		background-image: -ms-linear-gradient(#e86727 ,#3b2a13);
		background-image: -o-linear-gradient(#e86727 ,#3b2a13);
		background-image: linear-gradient(#e86727 ,#3b2a13);
	}


.textcolor_1,.titel,  h3, h4,h5,h6, h7, #inh ul li a, a:hover, body, button, textarea, input[type="text"], input[type="number"], [type="email"], input[type="url"],[type="search"]{
	color:#333!important;
	}

.textcolor_4,h1,h2,a,#inh ul li a:hover, .termine .monat, .termine .date{
	color:#c93;
	}
	
.karten_runde_fotos .c_33 h2{
	border-bottom:1px #c93 solid;
	}
	
.textcolor_3{
	color:#ccc!important;
	}
	
.textcolor_4, h5{
	color:white!important;
	}

.textcolor_2, .karten_runde_fotos .text, .termine .text,input:hover,input[type="button"]:hover, [type="submit"]:hover{
	color: #555;
	}
	
.textcolor_5,.middle h3,.middle .text{
	color:white!important;
	}
	
.footer {
    width: 86%;
    float: left;
    min-height: 200px;
    background-color: rgba(30,30,30,.9);
    padding-left: 7%;
    padding-right: 7%;
    color: silver;
 }
	


h6{
	font-size: 90%;
	display: block;
	text-transform: uppercase;
	font-weight: normal;
	margin-top: 2px;
	}

h5{
	font-size: 90%;
	display: block;
	text-transform: uppercase;
	font-weight: normal;
	margin: 0;
	}
	
h4{
	font-size: 90%;
	margin-top: 13px;
	margin-bottom: -5px;
	font-weight: bolder;
	}
	
h3{
	font-size: 100%;
	line-height: 24px;
	font-weight: normal;
	
	font-weight: bold;
	border-bottom: 1px silver solid;
	}
	
h2{
	font-size: 171%;
	margin-bottom: 10px;
	font-weight: normal;
	margin-top: 10px;
	line-height: 34px;
	float: left;
	width: 100%;
	}
	
h1{
	font-size: 221%;
	margin: 0;
	float: left;
	margin: 65px 0 20px 0;
	display: block;
	width: 100%;
	line-height: 34px;
	font-weight: normal;
	}
	
.admin #inh {
    margin-top: 0!important;
    width: 80%!important;
    background-color: white!important;
	}
	
.titelbild {
    /* margin: 0; */
 }

/* ========== Formelemente ======== */

input[type="button"], [type="submit"], a.simple-button-plugin{
	cursor: default;
	min-width: 90px;
	padding: 10px;
	text-align: center;
	display: block;
	font-size: 95%;
	display: block;
	margin-left:0;
	text-align: center;
	margin-bottom: 4px;
	margin-top: 4px;
	cursor: default;
	}
	
input[type="text"], input[type="number"], [type="email"], input[type="url"],[type="search"] {
	border: 1px solid #333;
	width: 200px;
	cursor: text;
	text-align:left;
	display: block;
	font-size:100%;
	}

input[type="text"]:hover, input[type="number"]:hover, [type="email"]:hover, input[type="url"]:hover, [type="search"]:hover , [type="button"]:hover{
	}

input:valid, textarea:valid {
	border: 1px solid #ccc;
	}
	
input:invalid, textarea:invalid { 
	border: 1px solid #555; 
	}
	
textarea {
	border: 1px solid #444;
	width: 195px;
	cursor: text;
	text-align: left;
	display: block;
	margin-bottom: 16px;
	margin-top: 18px;
	}

textarea:hover {
	}
	
fieldset { 
	border: 0; 
	margin: 0; 
	padding: 0; 
	}
	
label {
	cursor: default;
	width: 120px;
	margin-top:8px;
	}


.titelbild{
    top: -119px;
    padding: 0;
    position: relative;
    margin-bottom: -100px;
  }
 .titelbild img{
    width:100%!important
  }
 .slogan{
	font-size: 4em;
	margin-left: 14%;
	position: absolute;
	bottom: 106px;
	left: 5%;
	text-shadow: -2px 1px 3px #000;
	line-height: 75px;
	font-weight: 400;
	padding: 1%;
	/* background-color: rgba(0,0,0,.1); */
	color:white;
	}
	
#loading {
	color: #000;
	position: relative;
	font-size: 18px;
	text-align: center;
	font-family:monospace;
	margin: 0.1em auto;
	padding. 0;
	text-transform: uppercase
	}

.clear{
	clear:both!important;
	}
	
.right{
	float:right!important;
	margin-right: 0!important;
	}
	
.nivo-caption{
	display:none!important
	}
	
sub,sup{
	font-size: 80%;
	}

img.up {
    float: right;
    margin-right: 12px;
	}

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
	display: block;
	}
audio, canvas, video { 
	display: inline-block;  
	zoom: 1;
	}
audio:not([controls]) { display: none; }
[hidden] { display: none; }

li{
	text-decoration:none;
	margin-left: 14px;
	}

a {
	height: 26px;
	line-height: 20px;
	text-decoration: none;
	}


abbr[title] { border-bottom: 0px solid; }

b, strong {  }

blockquote { margin: 1em 40px; }

dfn { font-style: italic; }

hr { display: block; height: 1px; margin-top: 8px;  margin-bottom: 8px;}

pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

p {
}
td p {
    padding: 3%;
}
sub, sup { 
	 line-height: 0; 
	 position: relative; 
	 vertical-align: baseline; 
	 }
sup { 
	top: -0.5em; 
	}
sub { 
	bottom: -0.25em; 
	}

ul, ol {
	-webkit-padding-start: 0;
	}

dd { 
	margin: 0 0 0 40px;
	 }

nav ul, nav ol { 
	list-style: none; 
	list-style-image: none; 
	margin: 0; 
	padding: 0;
	}

img {
	border: 0;
	-ms-interpolation-mode: bicubic;
	vertical-align: middle;
	}

svg:not(:root) { overflow: hidden; }

table {
	border-collapse: collapse;
	border-spacing: 0;
	}
	
td {
	vertical-align: top;
	}

.seite {
	float: left;
	margin-top: 0px;
	padding: 0px;
	width: 100%;
	}

#oben {
	width: 100%;
	height: 25px;
	padding: 0px;
	}

.kopf {
    width: 60%;
    /* margin: 20px 10%; */
    padding: 1% 20% .1% 20%;
    display: block;
    background-color: rgba(256,256,256,.25);
    min-height: 45px;
    position: relative;
    border-bottom:1px #ccc solid;
    height: 91px;
    float: left;
    /* margin-top: 0; */
    z-index: 44444;
 }
	
.kontakt {
    float: right;
    padding: 12px;
    margin-right: 9%;
    color: white;
    height: 0;
    display: none;
 }
	
.titel {
	font-size: 104%;
	padding -left: 12px;
	width: 20%;
	max-width: 100px;
	float: left;
	/* margin: 0 auto; */
	}

.cke_editable .c_100:hover,.cke_editable .c_50:hover,.cke_editable .c_33:hover,.cke_editable .c_66:hover,.cke_editable .c_25:hover,.cke_editable .c_75:hover{
	background-color: rgba(130,130,130,0.5)!important;
	}
#text1{min-height:300px}
.mitte {
	width: 60%;
	display: block;
	clear: both;
	float: left;
	margin-left: 20%;
	position: relative;
	
	}

.unten {
	clear: none;
	float: left;
	width: 96.9%;
	display: inline-block;
	overflow: hidden;
	height: 200px;
	bottom: 0px;
	position: inherit;
	text-align: center;
	border-top: 1px#111 solid;
	}
	
/* ========== Timeline Anpassung ======== */
.content {
  	padding-top: 0!important;
	}
	
.timeline::after {
 	width: 2px;
	}
	
	
/* ========== Navigation ======== */
.open, .close {
	visibility:hidden;
	display:none;
	height:0px;
	}


#inh {
	width: 78%;
	position:relative;
	float: right;
	z-index: 99;
	margin-top: 50px;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}


#inh ul{
    width: 80%;
    -webkit-padding-start: 0 !important;
    margin-bottom:0;
    height: auto;
    margin-top: 0;
    float: right;
   }

#inh  ul li{
	float:left;
	list-style-type: none;
	list-style-image: none;
	/* ========DIE BREITE DER TABELLENREITER IM MEN� =======*/
	padding-right: 3%;
	float: right;
	overflow:hidden;
	height: 40px;
	clear: none;
	width: 100px;
	margin-left: 0;
	line-height: 33px;
	color: white;
	font-size: 25px;
	text-align: center;
	}

#inh ul li:hover {
	overflow:visible; 
	border-bottom:2px white solid;	
	}
	
/*
.unter_menue:after{
	content:"\2938";
	font-weight:bold;
	margin-left: 6px;
	}
*/
	 
#inh ul li a{
	width: 100%;
	color:  white;
	display: block;
	margin-top: 5px;
	}


#inh ul li a.current{
	color: #036C9E;text-shadow: 2px 2px 6px rgba(0,0, 0, 0.21);
	}

#inh ul li a:hover{
	text-shadow: none;
	color:white!important;
	}

#inh img {
    margin-bottom: 0;
    margin-left: 6px;
	}

#inh ul li ul{
	width: 100%;
	min-width: 197px;
	display: block;
	float:left;
	box-shadow: 10px 30px 53px -15px rgba(0,0,0,0.75);
	margin-left: -11px;
	border-radius: 1px;
	background-color: rgba(240,240,240,0.25);
	padding-left: 10%!important;
	margin-top: 9px;
	}

#inh ul ul li {
	width: 94%;
	height: auto;
	padding: 2px 3%;
	line-height: 16px;
	font-size: 100%;
	color: white;
	border: none;
	}

#inh ul ul li a{
	line-height: 47px;
	font-size: 93%;
	height:45px;
	width: 100%!important;
	text-align: left;
	margin-left: 0;
	border: none;
	}
#inh ul ul li:hover{
	border:none
	
	}

@media only screen and (max-width: 1900px) {

.slogan{
	bottom: 24px;
	font-size: 3.4em;
	position: absolute!important;
	display: block;
	float: left;
	}
}
	
	

@media only screen and (max-width: 1600px) {
.titel {
	margin-top: 12px;
	}
.seite {
	width: 100%;
	margin-left: 0;
	}
.slogan{
	font-size: 3em;
	}
}

@media only screen and (max-width: 1300px) {
 .slogan{
	font-size: 237%;
	bottom: 39px;
	line-height: 55px;
	margin-left: 3%;
	}

.mitte{
	width: 80%;
	margin-left: 10%;
}
 .kopf {
	width: 80%;
	margin-left: 0%;
	padding: 1% 10% .1% 10%;
}
}
@media only screen and (max-width: 1000px) {
.slogan{
	font-size: 189%;
	line-height: 44px;
	margin-left: 0;
	width: 90%;
	left: 3%;
	bottom: 40px;
	}
	
.mitte {
	width: 94%;
	margin-left: 3%;
	}
.kopf {
    padding: 1% 1% 1% 4%;
    width: 95%;
    /* height: 60px; */
 }
h1{font-size:190%;margin: 35px 0 0 0;}
}
	
@media only screen and (max-width: 799px) {
.titelbild, .bild{
    top: 0px;
    min-height: 0;
    margin-bottom: 0;
 }
 #text1{min-height:0}
 .titel {
	margin-top: 0;
	}
table, tr, td{
	display:block;width:100%!important
}
.open,  .close {
	visibility: visible;
	position:absolute;
	display: block;
	float:right;
	right: 10px;
	top: 10px;
	width: 36px;
	}
.slogan{
	font-size: 210%;
	line-height: 44px;
	bottom: 12px;
	}
.kopf{height:60px}

.open,  .close {
	visibility: visible;
	position:absolute;
	display: block;
	float:right;
	right: 20px;
	top: 11px;
	width: 40px;
	}
 
#inh{
	background-color: rgba(256,256, 256, 0.9);
	}

#inh, :not(:target) #inh {
	width: 99.96%;
	top: -680px;
	position:absolute;
	left:0;
	z-index:300;
	margin-top:0;
	text-align: center;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
	}

#inh:target {    
	top:0;
	height: auto;	
	-webkit-transition: all 1s ease; 	
	-moz-transition: all 1s ease;	
	-o-transition: all 1s ease; 	
	transition: all 1s ease; 
	}
#inh ul{
    float: left;
    margin-left:5%
   }
#inh  li{
	width: 100%;
	float:left;
	color: #333!important;
	text-align: left;
	list-style-type: none;
	list-style-image: none;
	}

#inh ul li ul{
 	box-shadow: none;
 	background-color: transparent;
 	margin-left: 10px;
 }

#inh ul li {
	width: 100%;
	float:left;
	clear: both;
	font-size: 110%;
	height: auto;
	text-align: left;
	margin-left: 0;
	left: 0;
	line-height: 54px;
	border: none;
	}
#inh ul li a:hover, #inh ul li:hover{color: #c93!important;border: none;}
#inh ul li li{
	width: 43%;
	clear: none;
	color: white;
	}

#inh ul li a{
	height: 45px;
	line-height: 45px;
	text-align:left;
	padding-left:0;
	width:98%;
	color: #333;
	}
	
#inh ul li li a{
	height: 45px;
	line-height: 45px;
	text-align:left;
	}

#inh ul li a:hover{
	color:#c93;
	}

#inh ul li ul{
	background-image:none
	}
}



@media only screen and (max-width: 670px) {

.titel {
    font-size: 228%;
    margin-left: 0;
 }
	
h1{
	line-height: 30px;
	font-size: 151%;
	}
	
h2{
	line-height: 30px;
	font-size: 120%;
	}
	
h3{
	text-align:left;
	margin:0;
	font-size: 100%;
	}
	
.seite {
	width: 100%;
	margin-left: 0%;
	}
.slogan{
	font-size: 180%;
	width:80%;
	line-height: 44px;
	bottom: 40px;
	}
.footer {
   padding-top:12px
 }
}


@media only screen and (max-width: 580px) {
.titel {
    font-size: 188%;
    margin-top: 0px;
    margin-left: 1%;
 }
.slogan{
	font-size: 180%;
	line-height: 34px;
	margin-left: 0;
	}
h1{
	line-height: 30px;
	font-size: 154%;
	}
h2{
	line-height: 20px;
	font-size: 120%;
	margin-top: 10px;
	}
}
@media only screen and (max-width: 499px) {
#inh ul li li{
	width:99%
	}
.slogan{
	bottom: 12px;
	}
}





@media only screen and (max-width: 410px) {
.titel {
    font-size: 148%;
    /* margin-top: 14px; */
 }
}


@media only screen and (max-width: 299px) {
.open,  .close {
	right: 10px;
	}
}

@media only screen and (min-width: 2201px) {
.seite{
	}
.slogan{
	bottom: 160px;
	}
.titelbild{
    max-height: 777px;
  }
} 




	


	


Codeschnipsel Steuerelement
Codeschnipsel Steuerelement
Codeschnipsel Steuerelement
Codeschnipsel Steuerelement
Codeschnipsel Steuerelement
Codeschnipsel Steuerelement
Codeschnipsel Steuerelement
Codeschnipsel Steuerelement
Codeschnipsel Steuerelement
Codeschnipsel Steuerelement
Codeschnipsel Steuerelement
Codeschnipsel Steuerelement
Codeschnipsel Steuerelement
Codeschnipsel Steuerelement
Codeschnipsel Steuerelement
Codeschnipsel Steuerelement
Codeschnipsel Steuerelement
Codeschnipsel Steuerelement
Codeschnipsel Steuerelement
Codeschnipsel Steuerelement
Codeschnipsel Steuerelement
Codeschnipsel Steuerelement
Codeschnipsel Steuerelement
Codeschnipsel Steuerelement
Codeschnipsel Steuerelement
Codeschnipsel Steuerelement
Codeschnipsel Steuerelement
Codeschnipsel Steuerelement
Codeschnipsel Steuerelement
Codeschnipsel Steuerelement
Codeschnipsel Steuerelement
Codeschnipsel Steuerelement
@charset "utf-8"; body { /* === css:::115!important=== */ line-height: 30px; margin: 0; font-size:93%; font-family:Arial } *{ max-width:100%; } html { overflow-y: scroll; } body, button, textarea { 13px/1.65em "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;color:#666; } h1, h2, h4, h5 p , .slogan, #inh li { font-family: 'Verdana', sans-serif!important; } .hgfarbe_1,body,input[type="text"], input[type="number"], [type="email"], input[type="url"],[type="search"], .baustein_2 .rechts{ background-color:white!important; } .hgfarbe_1 { background-color: white; } .hgfarbe_2,.timeline::after, input[type="button"], [type="submit"], .content { background-color: rgba(130,130,130,.2); } .hgfarbe_3, .content,input:hover,input[type="button"]:hover, [type="submit"]:hover{ background-color:#ccc } .hgfarbe_4,.termine .date{ background-color:black!important; } input[type="button"], [type="submit"], a.simple-button-plugin{ background-image: -webkit-gradient(linear, left top, left bottom, from( #fabb4f ), to(#996624 )); background-image: -webkit-linear-gradient(#fabb4f ,#996624); background-image: -moz-linear-gradient(#fabb4f ,#996624 ); background-image: -ms-linear-gradient(#fabb4f ,#996624); background-image: -o-linear-gradient(#fabb4f ,#996624); background-image: linear-gradient(#fabb4f ,#996624); } input[type="button"]:hover, [type="submit"]:hover, a.simple-button-plugin:hover{ background-image: -webkit-gradient(linear, left top, left bottom, from( #e86727), to(#3b2a13 )); background-image: -webkit-linear-gradient(#e86727 ,#3b2a13); background-image: -moz-linear-gradient(#e86727 ,#3b2a13); background-image: -ms-linear-gradient(#e86727 ,#3b2a13); background-image: -o-linear-gradient(#e86727 ,#3b2a13); background-image: linear-gradient(#e86727 ,#3b2a13); } .textcolor_1,.titel, h3, h4,h5,h6, h7, #inh ul li a, a:hover, body, button, textarea, input[type="text"], input[type="number"], [type="email"], input[type="url"],[type="search"]{ color:#333!important; } .textcolor_4,h1,h2,a,#inh ul li a:hover, .termine .monat, .termine .date{ color:#c93; } .karten_runde_fotos .c_33 h2{ border-bottom:1px #c93 solid; } .textcolor_3{ color:#ccc!important; } .textcolor_4, h5{ color:white!important; } .textcolor_2, .karten_runde_fotos .text, .termine .text,input:hover,input[type="button"]:hover, [type="submit"]:hover{ color: #555; } .textcolor_5,.middle h3,.middle .text{ color:white!important; } .footer { width: 86%; float: left; min-height: 200px; background-color: rgba(30,30,30,.9); padding-left: 7%; padding-right: 7%; color: silver; } h6{ font-size: 90%; display: block; text-transform: uppercase; font-weight: normal; margin-top: 2px; } h5{ font-size: 90%; display: block; text-transform: uppercase; font-weight: normal; margin: 0; } h4{ font-size: 90%; margin-top: 13px; margin-bottom: -5px; font-weight: bolder; } h3{ font-size: 100%; line-height: 24px; font-weight: normal; font-weight: bold; border-bottom: 1px silver solid; } h2{ font-size: 131%; margin-bottom: 10px; font-weight: normal; margin-top: 10px; line-height: 34px; float: left; width: 100%; } h1{ font-size: 181%; margin: 0; float: left; margin: 65px 0 20px 0; display: block; width: 100%; line-height: 34px; font-weight: normal; } .admin #inh { margin-top: 0!important; width: 80%!important; background-color: white!important; } .titelbild { /* margin: 0; */ } /* ========== Formelemente ======== */ input[type="button"], [type="submit"], a.simple-button-plugin{ cursor: default; min-width: 90px; padding: 10px; text-align: center; display: block; font-size: 95%; display: block; margin-left:0; text-align: center; margin-bottom: 4px; margin-top: 4px; cursor: default; } input[type="text"], input[type="number"], [type="email"], input[type="url"],[type="search"] { border: 1px solid #333; width: 200px; cursor: text; text-align:left; display: block; font-size:100%; } input[type="text"]:hover, input[type="number"]:hover, [type="email"]:hover, input[type="url"]:hover, [type="search"]:hover , [type="button"]:hover{ } input:valid, textarea:valid { border: 1px solid #ccc; } input:invalid, textarea:invalid { border: 1px solid #555; } textarea { border: 1px solid #444; width: 195px; cursor: text; text-align: left; display: block; margin-bottom: 16px; margin-top: 18px; } textarea:hover { } fieldset { border: 0; margin: 0; padding: 0; } label { cursor: default; width: 120px; margin-top:8px; } .titelbild{ top: -119px; padding: 0; position: relative; margin-bottom: -100px; } .titelbild img{ width:100%!important } .slogan{ font-size: 4em; margin-left: 14%; position: absolute; bottom: 106px; left: 5%; text-shadow: -2px 1px 3px #000; line-height: 75px; font-weight: 400; padding: 1%; /* background-color: rgba(0,0,0,.1); */ color:white; } #loading { color: #000; position: relative; font-size: 18px; text-align: center; font-family:monospace; margin: 0.1em auto; padding. 0; text-transform: uppercase } .clear{ clear:both!important; } .right{ float:right!important; margin-right: 0!important; } .nivo-caption{ display:none!important } sub,sup{ font-size: 80%; } img.up { float: right; margin-right: 12px; } article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } audio, canvas, video { display: inline-block; zoom: 1; } audio:not([controls]) { display: none; } [hidden] { display: none; } li{ text-decoration:none; margin-left: 14px; } a { height: 26px; line-height: 20px; text-decoration: none; } abbr[title] { border-bottom: 0px solid; } b, strong { } blockquote { margin: 1em 40px; } dfn { font-style: italic; } hr { display: block; height: 1px; margin-top: 8px; margin-bottom: 8px;} pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } p { } td p { padding: 3%; } sub, sup { line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } ul, ol { -webkit-padding-start: 0; } dd { margin: 0 0 0 40px; } nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; } img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; } svg:not(:root) { overflow: hidden; } table { border-collapse: collapse; border-spacing: 0; } td { vertical-align: top; } .seite { float: left; margin-top: 0px; padding: 0px; width: 100%; } #oben { width: 100%; height: 25px; padding: 0px; } .kopf { width: 60%; /* margin: 20px 10%; */ padding: 1% 20% .1% 20%; display: block; background-color: rgba(256,256,256,.25); min-height: 45px; position: relative; border-bottom:1px #ccc solid; height: 91px; float: left; /* margin-top: 0; */ z-index: 44444; } .kontakt { float: right; padding: 12px; margin-right: 9%; color: white; height: 0; display: none; } .titel { font-size: 104%; padding -left: 12px; width: 20%; max-width: 100px; float: left; /* margin: 0 auto; */ } .cke_editable .c_100:hover,.cke_editable .c_50:hover,.cke_editable .c_33:hover,.cke_editable .c_66:hover,.cke_editable .c_25:hover,.cke_editable .c_75:hover{ background-color: rgba(130,130,130,0.5)!important; } #text1{min-height:300px} .mitte { width: 60%; display: block; clear: both; float: left; margin-left: 20%; position: relative; } .unten { clear: none; float: left; width: 96.9%; display: inline-block; overflow: hidden; height: 200px; bottom: 0px; position: inherit; text-align: center; border-top: 1px#111 solid; } /* ========== Timeline Anpassung ======== */ .content { padding-top: 0!important; } .timeline::after { width: 2px; } /* ========== Navigation ======== */ .open, .close { visibility:hidden; display:none; height:0px; } #inh { width: 78%; position:relative; float: right; z-index: 99; margin-top: 50px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } #inh ul{ width: 80%; -webkit-padding-start: 0 !important; margin-bottom:0; height: auto; margin-top: 0; float: right; } #inh ul li{ float:left; list-style-type: none; list-style-image: none; /* ========DIE BREITE DER TABELLENREITER IM MEN� =======*/ padding-right: 3%; float: right; overflow:hidden; height: 40px; clear: none; width: 100px; margin-left: 0; line-height: 33px; color: white; /* font-size: 25px; */ text-align: center; } #inh ul li:hover { overflow:visible; border-bottom:2px white solid; } /* .unter_menue:after{ content:"\2938"; font-weight:bold; margin-left: 6px; } */ #inh ul li a{ width: 100%; color: white; display: block; margin-top: 5px; } #inh ul li a.current{ color: #036C9E;text-shadow: 2px 2px 6px rgba(0,0, 0, 0.21); } #inh ul li a:hover{ text-shadow: none; color:white!important; } #inh img { margin-bottom: 0; margin-left: 6px; } #inh ul li ul{ width: 100%; min-width: 197px; display: block; float:left; box-shadow: 10px 30px 53px -15px rgba(0,0,0,0.75); margin-left: -11px; border-radius: 1px; background-color: rgba(240,240,240,0.25); padding-left: 10%!important; margin-top: 9px; } #inh ul ul li { width: 94%; height: auto; padding: 2px 3%; line-height: 16px; font-size: 100%; color: white; border: none; } #inh ul ul li a{ line-height: 47px; font-size: 93%; height:45px; width: 100%!important; text-align: left; margin-left: 0; border: none; } #inh ul ul li:hover{ border:none } @media only screen and (max-width: 1900px) { .slogan{ bottom: 99px; font-size: 340%; position: absolute!important; display: block; float: left; } } @media only screen and (max-width: 1600px) { .titel { margin-top: 12px; } .seite { width: 100%; margin-left: 0; } .slogan{ font-size: 3em; } } @media only screen and (max-width: 1300px) { .slogan{ font-size: 260%; bottom: 72px; line-height: 55px; margin-left: 3%; } .mitte{ width: 80%; margin-left: 10%; } .kopf { width: 80%; margin-left: 0%; padding: 1% 10% .1% 10%; } } @media only screen and (max-width: 1000px) { .slogan{ font-size: 189%; line-height: 44px; margin-left: 0; width: 90%; left: 3%; bottom: 40px; } .mitte { width: 94%; margin-left: 3%; } .kopf { padding: 1% 1% 1% 4%; width: 95%; /* height: 60px; */ } h1{font-size:190%;margin: 35px 0 0 0;} } @media only screen and (max-width: 799px) { .titelbild, .bild{ top: 0px; min-height: 0; margin-bottom: 0; } #text1{min-height:0} .titel { margin-top: 0; } table, tr, td{ display:block;width:100%!important } .open, .close { visibility: visible; position:absolute; display: block; float:right; right: 10px; top: 10px; width: 36px; } .slogan{ font-size: 210%; line-height: 44px; bottom: 12px; } .kopf{height:60px} .open, .close { visibility: visible; position:absolute; display: block; float:right; right: 20px; top: 11px; width: 40px; } #inh{ background-color: rgba(256,256, 256, 0.9); } #inh, :not(:target) #inh { width: 99.96%; top: -680px; position:absolute; left:0; z-index:300; margin-top:0; text-align: center; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } #inh:target { top:0; height: auto; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } #inh ul{ float: left; margin-left:5% } #inh li{ width: 100%; float:left; color: #333!important; text-align: left; list-style-type: none; list-style-image: none; } #inh ul li ul{ box-shadow: none; background-color: transparent; margin-left: 10px; } #inh ul li { width: 100%; float:left; clear: both; font-size: 110%; height: auto; text-align: left; margin-left: 0; left: 0; line-height: 54px; border: none; } #inh ul li a:hover, #inh ul li:hover{color: #c93!important;border: none;} #inh ul li li{ width: 43%; clear: none; color: white; } #inh ul li a{ height: 45px; line-height: 45px; text-align:left; padding-left:0; width:98%; color: #333; } #inh ul li li a{ height: 45px; line-height: 45px; text-align:left; } #inh ul li a:hover{ color:#c93; } #inh ul li ul{ background-image:none } } @media only screen and (max-width: 670px) { .titel { font-size: 228%; margin-left: 0; } h1{ line-height: 30px; font-size: 151%; } h2{ line-height: 30px; font-size: 120%; } h3{ text-align:left; margin:0; font-size: 100%; } .seite { width: 100%; margin-left: 0%; } .slogan{ font-size: 180%; width:80%; line-height: 44px; bottom: 40px; } .footer { padding-top:12px } } @media only screen and (max-width: 580px) { .titel { font-size: 188%; margin-top: 0px; margin-left: 1%; } .slogan{ font-size: 180%; line-height: 34px; margin-left: 0; } h1{ line-height: 30px; font-size: 154%; } h2{ line-height: 20px; font-size: 120%; margin-top: 10px; } } @media only screen and (max-width: 499px) { #inh ul li li{ width:99% } .slogan{ bottom: 12px; } } @media only screen and (max-width: 410px) { .titel { font-size: 148%; } } @media only screen and (max-width: 299px) { .open, .close { right: 10px; } } @media only screen and (min-width: 2201px) { .seite{ } .slogan{ bottom: 160px; } .titelbild{ max-height: 777px; } }
Update - onweb aktualisieren
up