onweb - Admin
Seite hinzufügen
Name der neuen Webseite (ohne Endung)
Head bearbeiten mit Doppelklick auf den Code
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/css2?family=Roboto:wght@100;300;700&display=swap');
body, button, textarea, table, input {
font-family: 'Roboto', 'Arial',sans-serif!important;
font-weight:300;
font-size:100%;
color:#333;
}
@keyframes fadein{from{opacity:0;}to{opacity:1;}}@-moz-keyframes fadein{from{opacity:0;}to{opacity:1;}}@-webkit-keyframes fadein{from{opacity:0;}to{opacity:1;}}@-o-keyframes fadein{from{opacity:0;}to{opacity:1;}}
body {
/* === css:::000!important=== */
line-height: 30px;
margin: 0;
}
img.up {
bottom: 164px!important;
right: 55px!important;
width: 45px;
display:none!important;
}
/* ======= einschwebende Elemente ====== */
.schweben {
float:left;
display:block;
max-width: 2700px;
opacity: 0;
transition: all 1.15s ease-in-out;
}
.schwebrahmen{overflow-x:hidden;}
.schweben:nth-of-type(even) {
transform: translateX(-90%);
}
.schweben:nth-of-type(odd) {
transform: translateX(90%);
}
.schweben.visible {
transform:translateX(0);
opacity: 1;
}
/*
#text1 .schweben, #text2 .schweben, #text3 .schweben, #text4 .schweben, #text5 .schweben, #text6 .schweben, #text7 .schweben, #text8 .schweben, #text9 .schweben {
opacity: 1;
transform: translateX(0%);
}
*/
.cc_container {
border-radius: 1px!important;
background: rgba(0,0,0,.3)!important;
width: 100%!important;
height: 0px!important;
padding-top: 20px!important;
padding-bottom: 50px!important;
right:0!important;
margin-bottom: -20px;
border: none!important;
}
.cc_container a{color:white!important}
.cc_container .cc_btn, .cc_container .cc_btn:visited{width:140px!important;
color: white!important;
background-color: #999!important;
font-size: 90%!important;
line-height: 24px!important;
position: relative!important;
float:right;
margin-top: 30px!important;
margin-right: 20px!important;
}
a.cc_logo {
display: none!important;
}
.cc_container .cc_message {
font-size: 90%!important;
text-align: right!important;
color: white;
margin-top:4px;
}
ul {
padding-left: 0;
}
.akk_inhalt {
padding-left: 0;
}
.alternative td{border-bottom: 1px #666 solid;}
table.alternative td{padding: 12px;}
.footer h3 {
color: silver!important;
font-size: 106%;
}
*{
max-width:100%;
}
html {
overflow-y: scroll;
}
body, button, textarea {
animation:fadein 2s;-moz-animation:fadein 2s;-webkit-animation:fadein 2s;
}
body {
animation:fadein 3s;-moz-animation:fadein 3s;-webkit-animation:fadein 3s;
}
table {
font-size:100%;
border-spacing: 0;
width:100%;
line-height: 28px;
}
td {
vertical-align: middle;
}
table.vergleich tr {
/* height: 49px; */
}
table.vergleich img{width:32px}
.bgimg-2 {
min-height: 821px!important;
margin-bottom: 118px;
background-size: 100%!important;
background-position: top left!important;
}
h4, h5 p, .slogan {
font-family:'Roboto', 'Arial' sans serif!important;
}
.vorlagen h1{
margin-bottom:74px
}
.backgroundimage{
background-image: url(../daten/img/code.jpg);
background-repeat: no-repeat;
background-position: right 16% top 53%;
}
.hgfarbe_2{color:#666!important}
.onweb .c_100.login{float:right!important}
.referenzen .c_25{padding:40px 1% ;width:23%}
.referenzen .c_25:nth-child(4n+1){clear:both}
table.vergleich {
width: 100%;
margin:0 auto;
background-color: #f8f8f8;
padding: 22px;
display: block;
}
table.vergleich tr:nth-child(3),table.vergleich tr:nth-child(10) { background-color: #f2f2f2;}
.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;
}
.timeline::after, input[type="button"], [type="submit"], .content {
background-color: rgba(130,130,130,.2);
}
.hgfarbe_2 {
background-color:#f8f8f8;
}
.hgfarbe_3, .content,input[type="button"]:hover, [type="submit"]:hover{
background-color: #433c3c;
color: #ccc;
}
.hgfarbe_3 a:hover{
color: white;
}
.anfrage.hgfarbe_3 {
font-size: 130%;
}
.anfrage.hgfarbe_3 a{
color:#caac80
}
.anfrage.hgfarbe_3 a:hover{
color:white
}
.hgfarbe_3:hover{
background-color: #333;
}
.hgfarbe_4,.termine .date{
background-color:black!important;
}
input[type="button"], [type="submit"], a.simple-button-plugin{
background-image: linear-gradient(#f0efed ,#dcdcd6);
}
input[type="button"]:hover, [type="submit"]:hover, a.simple-button-plugin:hover{
background-image: linear-gradient(#f0efed ,#d3d3d1);
}
.vorlagen input[type="button"], [type="submit"]{
background-image: linear-gradient(#f0efed ,#dcdcd6);
}
.textcolor_4, h1, h2, .mitte a, #inh ul li a:hover, .termine .monat, .termine .date, .hgfarbe_3 h2 a, .hgfarbe_3 h1 a{
color: #caac80;
}
.karten_runde_fotos .c_33 h2{
border-bottom:1px #caac80 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: 118%;
font-weight: bold;
}
h2{
font-size: 150%;
margin-bottom: 10px;
font-weight: normal;
margin-top: 40px;
line-height: 34px;
float: left;
width: 100%;
}
h1{
font-size: 170%;
margin: 0;
float: left;
margin: 65px 0 35px 0;
display: block;
width: 100%;
line-height: 34px;
font-weight: normal;
}
.karten_runde_fotos .c_33 img{border-radius:0!important}
.admin #inh {
margin-top: 0!important;
width: 80%!important;
background-color: white!important;
}
.vorlagentest label.handy {
float: left;
clear: none;
}
.vorlagen .kurbeschreibung{
width:80%;
font-family:"Arial", sans-serif;
}
.vorlagen .preis{
width: 20%;
float: left;
min-width:90px;
font-size: 120%;
margin-top: 30px;
font-family:'Arial', sans serif;
}
.vorlagentest label.desktop.handy {
float: left;
}
img.image {
/*
width: 80%!important;
margin-left: 10%;
*/
box-shadow: 10px 10px 23px -15px rgba(0,0,0,0.25);
}
/* ========== 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 #111;
}
.vorlagen input[type="button"]{
width: 35%;
margin-top: 24px;
float:left;
margin-right:2%;
border: none;
height: 45px;
}
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;
margin-top:8px;
}
input.right{float:right}
select {
padding:2%;
width: 96%;
padding:.75em 1em .5em 1em;
border: 1px solid rgb(166, 166, 166);
background-color:white;
background-image:url(../daten/img/pics/down_select.png);
background-position: right;
background-repeat: no-repeat;
background-size:60px;
border-radius:0;
}
select:hover {
box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1);
}
select::-ms-expand {
display:none;
}
form{clear:both}
.change{width:45px}
textarea, input[type="text"] {
padding: 14px;
width: 527px;
/* margin: 10px -1px; */
border: 1px #ccc solid;
color:#333;
font: inherit;
box-shadow: none;
float:right!important;
}
input:focus, textarea:focus, select:focus {
outline-offset: 0px;
}
input[type="text"] {
min-width: 160px;
height: 47px;
border: 1px solid #ccc;
float: left;
font-size: 100%!important;
}
input[type="submit"]{
width:180px;
border:1px #ccc solid;
min-width: 160px;
height: 53px;
line-height: 24px;
border:1px solid #ccc;
margin-top:12px;
clear:both;
float: right;
}
input[type="submit"]:hover{
background-color:#73B8EF;
}
textarea{
height:110px;
font-size: 100%!important;
color: #333;
}
textarea.wertung {
color: #777!important;
}
select {
width: 529px;
height: 47px;
margin: 10px -1px;
border: 1px #ccc solid;
font: inherit;
color: inherit;
font-size: 100%!important;
}
.form_border{
border: 1px solid #ccc;
padding: 1% 2% 60px 3%;
width: 600px;
margin: 0 auto;
float: left;
background-color:white;
margin-bottom:25px;
font-size: 100%!important;
}
input#captcha_code{
width:300px;
}
input.name, input.vorname {
width: 241px;
}
.titelbild{
top: -119px;
padding: 0;
border: 1px transparent solid;
}
.slogan{
font-size: 414%;
line-height:90px;
width: 100%;
position: relative;
text-align: center;
margin-bottom: 306px;
margin-top: -559px;
text-shadow: -2px 1px 3px #000;
font-weight: 400;
color:white;
letter-spacing: 1px;
}
.untertitel {
font-size: 40.5%;
line-height: 11px;
margin-top: 33px;
font-weight: 400;
letter-spacing: 0;
}
#loading {
color: #000;
position: relative;
font-size: 18px;
text-align: center;
font-family:monospace;
margin: 0.1em auto;
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;
}
audio:not([controls]) { display: none; }
[hidden] { display: none; }
li{
text-decoration:none;
margin-left: 14px;
}
a {
height: 26px;
text-decoration: none;
}
.footer a{color: #caac80;}
.footer a:hover{color:#f8f8f8}
#inh a{
line-height:20px
}
a:hover{
color:#666
}
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; }
.text p {
padding: 3% 0;
}
sub, sup {
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
nav ul, nav ol {
list-style: none;
list-style-image: none;
margin: 0;
padding: 0;
}
img {
border: 0;
vertical-align: middle;
}
svg:not(:root) { overflow: hidden; }
.seite {
float: left;
margin-top: 0px;
padding: 0px;
width: 100%;
background-color: white;
}
#oben {
width: 100%;
height: 25px;
padding: 0px;
}
.kopf {
width: 82%;
padding: 1% 8% 0.1% 10%;
display: block;
background-color: rgba(5,0,0,.65);
min-height: 25px;
position: fixed;
border-bottom:1px #ccc solid;
height: 49px;
/* float: left; */
z-index: 44;
color: white;
}
.kontakt {
float: right;
padding: 12px;
/* margin-right: 9%; */
color: white;
/* height: 0; */
position: fixed;
/* display: none; */
bottom: 50px;
background-color: #999;
border-radius: 50px;
right: 50px;
width: 50px;
height:50px;
background-image:url("../daten/img/anfrage.png");
background-size:100%;
box-shadow: 10px 10px 23px -5px rgba(0,0,0,0.55);
}
.titel {
font-size: 106%;
padding-left: 12px;
float: left;
margin-top: 6px;
}
.hgfarbe_3 a,.slogan a{color: #f8f8f8;}
video{box-shadow: 8px 8px 53px -10px rgba(0,0,0,0.55);margin-bottom: -12px;}
.mitte {
width: 80%;
display: block;
clear: both;
float: left;
margin-left: 10%;
position: relative;
}
.vorlagen .mitte {
/* margin-top: 60px; */
max-width: 1600px;
}
.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: 700px;
position:relative;
float: right;
z-index: 99;
margin-top: 8px;
line-height: 45px;
}
#inh ul{
width: 90%;
margin-bottom:0;
margin-top: -10px;
float: right;
}
#inh ul li{
list-style-type: none;
list-style-image: none;
padding-right: 4%;
float: left;
overflow:hidden;
height: 54px;
clear: none;
margin-left: 0;
}
#inh ul li{
width:100px;
}
#inh ul li:hover {
overflow:visible;
}
#inh ul li a{
width: 100%;
color: inherit;
margin-top: 12px;
}
#inh ul li a.current{
color: #caac80;
text-shadow: 2px 2px 6px rgba(0,0, 0, 0.21);
}
#inh ul li a:hover{
text-shadow: none;
color: #caac80;
}
#inh img {
margin-bottom: 0;
margin-left: 6px;
}
#inh ul li ul{
width: 100%;
min-width: 218px;
display: block;
float:left;
box-shadow: 10px 30px 53px -15px rgba(0,0,0,0.25);
background-color: rgba(55,55,55,0.7);
border-radius:2px;
margin-top: 9px;
padding-bottom: 12px;
margin-left: -22px;
}
#inh ul ul li {
width: 94%;
height: 40px;
padding: 2px 1%;
font-size: 100%;
color: white;
border: none;
text-align: left;
margin-left: 20px;
}
#inh ul ul li a{
/* line-height: 23px; */
font-size: 93%;
/* height: 51px; */
width: 100%!important;
text-align: left;
margin-left: 0;
border: none;
}
#inh ul ul li:hover{
border:none
}
@media only screen and (max-width: 1920px) {
.slogan{
bottom: -22px;
}
.bgimg-2{min-height: 668px!important;}
}
@media only screen and (max-width: 1600px) {
.kopf {
width: 92%;
padding: 1% 3% 0.1% 5%;
}
.seite {
width: 100%;
margin-left: 0;
}
.mitte{
width: 90%;
margin-left: 5%;
}
.slogan{
bottom: -94px;
font-size: 347%;
}
.bgimg-2{min-height:660px!important}
}
@media only screen and (max-width: 1550px) {
.slogan {
margin-bottom: 301px;
}
}
@media only screen and (max-width: 1500px) {
.slogan {
margin-bottom: 282px;
}
}
@media only screen and (max-width: 1470px) {
.slogan {
margin-bottom: 267px;
}
#inh {
width: 600px;
}
}
@media only screen and (max-width: 1430px) {
.slogan {
margin-bottom: 244px;
}
}
@media only screen and (max-width: 1400px) {
.slogan {
margin-bottom: 266px;
}
.bgimg-2 {
min-height: 451px!important;
}
.slogan{
font-size: 315%!important;
bottom: -159px;
margin-bottom: 331px;
}
.untertitel {
margin-top: 8px;
}
.kopf {
}
h2 {
font-size: 120%;
}
}
@media only screen and (max-width: 1080px) {
.k2 h1 {
font-size: 140%;
margin: 12px 0;
}
.referenzen .c_25 {
width: 48%;
}
}
@media only screen and (max-width: 1000px) {
#inh {
width: 500px;
}
.titelbild{
margin-bottom:30px
}
.titel {
font-size: 100%;
}
.slogan{
font-size: 223%!important;
bottom: -241px;
margin-bottom: 307px;
}
.untertitel {
font-size: 40.5%;
line-height: 11px;
margin-top: 3px;
}
.bgimg-2 {
min-height: 351px!important;
}
.mitte {
width: 94%;
margin-left: 3%;
}
.vorlagen input.rechts{
float: right!important;
margin-right: 4%!important;
}
h1{
font-size: 163%;
margin: 34px 0 20px 0;
line-height:34px!important;
}
.kontakt {
bottom: 20px;
border-radius: 40px;
right: 20px;
width: 40px;
height:40px;
}
}
@media only screen and (max-width: 812px) {
img.up {
display:none!important
}
tr:nth-child(n) td:nth-child(2n):before {color:#caac80;content:"CMS onweb - ";margin-right:4px;float:left}
tr:nth-child(n) td:nth-child(2n+1):before {color:#caac80;content:"WordPress - ";margin-right:4px;float:left}
tr:nth-child(n) td:nth-child(2) {width: 100%!important;vertical-align:middle;}
tr:nth-child(n) td:nth-child(3):before {content:"onweb pro";float:left}
tr:nth-child(n) td:nth-child(3) {width: 100%!important;vertical-align:middle;}
tr:nth-child(1) {display:none}
.handy{
display:none;
visibility:hidden;
height:0
}
.titelbild, .bild{
min-height: 0;
}
.titelbild{
margin-bottom: 110px;
}
#text1{min-height:0}
.vorlagen h1{margin-bottom:74px}
table, tr, td{
display:block;
width: 95%!important;
padding-left: 2%;
float: left;
line-height: 40px;
}
.open, .close {
visibility: visible;
position:absolute;
display: block;
float:right;
right: 10px;
top: 10px;
width: 36px;
}
.slogan{
font-size: 220%!important;
bottom: -217px;
margin-bottom: 213px;
}
.bgimg-2 {
min-height: 351px!important;
}
.untertitel{
line-height: -8px;
font-size: 42%!important;
margin-top: 15px;
}
.vorlagen input[type="button"]{
width: 140px;
margin: 10px auto!important;
float: none!important;
clear: both;
}
.open, .close {
visibility: visible;
position:absolute;
display: block;
float:right;
right: 20px;
top: 11px;
width: 40px;
}
#inh{
background-color: rgba(255,255, 255, 0.95);
border-bottom: 1px #ccc solid;
}
#inh, :not(:target) #inh {
width: 99.96%;
top: -980px;
position:absolute;
left:0;
z-index:300;
margin-top:0;
text-align: center;
transition: all 1s ease;
}
#inh:target {
top:0;
height: auto;
transition: all 1s ease;
}
#inh ul{
float: left;
margin-left:5%;
width: 100%;
margin-top: 20px;
}
#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:nth-child(3), #inh ul li:nth-child(4) {
width: 100%;
}
#inh ul li {
width: 90%;
float:left;
clear: both;
font-size: 110%;
height: auto;
text-align: left;
margin-left: 0;
left: 0;
border: none;
}
#inh ul li a:hover, #inh ul li:hover{color: #caac80!important;border: none;}
#inh ul ul li{
width: 43%;
clear: none;
color: white;
}
#inh ul ul li:nth-child(3), #inh ul ul li:nth-child(4) {
width: 43%;
}
#inh ul li a{
height: 35px;
line-height: 35px;
text-align:left;
padding-left:0;
width:98%;
float: left;
color: #333;
margin-top: 0;
}
#inh ul li li a{
height: 35px;
line-height: 35px;
text-align:left;
}
#inh ul li a:hover{
color:#caac80;
}
#inh ul li ul{
background-image:none;
margin-top:0;
width: 100%;
}
}
@media only screen and (max-width: 800px) {
.k2_1 .c_50:nth-child(1), .k2_2 .c_50:nth-child(2) {
padding: 3%;
width: 94%!important;
}
}
@media only screen and (max-width: 730px) {
.slogan{
bottom: -203px;
margin-bottom: 157px;
}
.titel{color:black}
.bgimg-2 {
min-height: 291px!important;
margin-bottom: 172px;
background-position: 0px 73px!important;
}
}
@media only screen and (max-width: 670px) {
.titel {
margin-top: 12px;
}
.titelbild{
margin-bottom: 140px;
}
h1{
line-height: 30px;
font-size: 151%;
margin: 25px 0 15px 0;
}
h2{
line-height: 30px;
font-size: 120%;
}
h3{
text-align:left;
margin: 24px 0 2px 0;
font-size: 100%;
}
.seite {
width: 100%;
margin-left: 0%;
}
.slogan{
font-size: 201%!important;
line-height: 44px;
bottom: -239px;
margin-bottom: 179px;
}
.footer {
padding-top:12px
}
.referenzen .c_25 {
width: 300px;
float:none;margin:0 auto
}
}
@media only screen and (max-width: 580px) {
.titel {
}
.slogan{
font-size: 172%!important;
line-height: 34px;
margin-left: 0;
}
h1{
line-height: 30px;
font-size: 151%;
}
h2{
font-size: 120%;
margin-top: 30px;
}
#inh ul li li{
width:99%
}
#inh ul ul li:nth-child(3), #inh ul ul li:nth-child(4) {
width: 99%;
}
}
@media only screen and (max-width: 499px) {
.bgimg-2 {
min-height: 279px!important;
margin-bottom: 167px;
bottom: 12px;
background-size: 493px!important;
}
}
@media only screen and (max-width: 410px) {
.slogan {
font-size: 163%!important;
width: 95%;
margin-left: 2.5%;
margin-bottom: 135px;
}
img.image {
width: 100%!important;
margin-left: 0;
}
.untertitel{
font-size: 63%!important;line-height:22px
}
.titel{font-size:90%}
}
@media only screen and (max-width: 350px) {
.slogan {
font-size: 143%!important;
}
}
@media only screen and (max-width: 299px) {
.open, .close {
right: 10px;
}
}
Update - onweb aktualisieren