Headline “7”

ich bin eine Überschrift 7. meine Farbe wird im Plugin eingestellt, und ich bin Fett, immer so groß wie auch die normale schrift und großgeschrieben.
/* ########### Überschrift 7 [H7][[/H7] 
 * 						.h7 definiert COLOR | UPPERCASE | FONT-WEIGHT ########### */
.h7 {
	text-transform: uppercase;
	font-weight: bold;
	color: #38A9E0 !important;
}

/* ########### Überschrift 7  ########### */

Überschriften-Styles

Überschrift 1


Überschrift 2


Überschrift 3


Überschrift 4


Überschrift 5

Überschrift 6

Shortcode: 
[LINIE]Überschrift[/LINIE]
[LINIE2]Überschrift[/LINIE2]
[LINIE3]Überschrift[/LINIE3]
[LINIE4]Überschrift[/LINIE4]
[LINIE5]Überschrift[/LINIE5]
[LINIE6]Überschrift[/LINIE6]


/* ########### Überschrift mit Linien 
 * 						.hlinie um die jew. Überschrift ########### */
.hlinie {
  position: relative;
  text-align: center;
  color: #DDDDDD;
	overflow: hidden
} 
.hlinie h1:before,.hlinie h1:after,.hlinie h2:before,.hlinie h2:after,.hlinie h3:before,.hlinie h3:after,.hlinie h4:before,.hlinie h4:after,.hlinie h5:before,.hlinie h5:after,.hlinie h6:before,.hlinie h6:after {
  content: "";
  position: absolute;
  width: 10000px;
  height: 1px;
  top: 50%;
  border-bottom: 1px solid #DDDDDD;
}
.hlinie h1:before,.hlinie h2:before,.hlinie h3:before,.hlinie h4:before,.hlinie h5:before,.hlinie h6:before {
  left: -10000px;
}
 .hlinie h1:after,.hlinie h2:after,.hlinie h3:after,.hlinie h4:after,.hlinie h5:after,.hlinie h6:after {
  left: 100%;
}

.hlinie h1, .hlinie h2, .hlinie h3, .hlinie h4, .hlinie h5, .hlinie h6 {
 position: relative;
  padding: 0 10px;
  display: inline-block;
  max-width: 80%;
  background: rgba(255, 255, 255, 0)
}
/* ########### Ende Überschrift mit Linien ########### */

Gut zu wissen

Gut zu Wissenorem ipsumdolor sit amet, consetetur sadipscing elitr,sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.At vero eos et accusam et justo duo dolores et ea rebum.

tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea

  • orem ipsum dolor sit amet, consetetur sadipscing elitr,
  • sed diam nonumy eirmod tempor invidunt ut
  • labore et dolore magna aliquyam erat, sed diam voluptua.
  • At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea


orem ipsum dolor sit amet, consetetur sadipscing elitr,

sed diam nonumy eirmod
tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea


Gut zu Wissenorem ipsum

dolor sit amet, consetetur sadipscing elitr,

sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

At vero eos et accusam et justo duo dolores et ea rebum.

Shortcode: [GZW]-text-[/GZW]

/* ########### Gut zu Wissen Box 
 * 						gtn_box definiert eine Box mit Farbverlauf
 * 						licht definiert ein Bild an der linken Position der Box ########### */
.gtn_box p {
	margin: 10px;
	line-height: 20px;
}
.gtn_box {
	margin-top: -1.75em;
	color: #fff;
	padding: 10px;
	background: -moz-linear-gradient(-45deg, #bee7fd 0%, #6ac1ec 18%, #1878c2 100%);
	background: -webkit-gradient(left top, right bottom, color-stop(0%, #bee7fd), color-stop(18%, #6ac1ec), color-stop(100%, #1878c2));
	background: -webkit-linear-gradient(-45deg, #bee7fd 0%, #6ac1ec 18%, #1878c2 100%);
	background: -o-linear-gradient(-45deg, #bee7fd 0%, #6ac1ec 18%, #1878c2 100%);
	background: -ms-linear-gradient(-45deg, #bee7fd 0%, #6ac1ec 18%, #1878c2 100%);
	background: linear-gradient(135deg, #bee7fd 0%, #6ac1ec 18%, #1878c2 100%);
}
.licht {
	margin: 10px 10px 100% 0;
	width: 20px;
}
/* ########### Ende Gut zu Wissen Box ########### */

Hintergrund

Dies ist ein Text in einem Rahmen mit grauen Hintergrund
Shortcode: [HINTERGRUND]-text--bild-[/HINTERGRUND]

.background {
	background-color: #ddd; padding: 20px;
	margin-bottom: 25px;
}

Teaser



Basis-Leistung Verbund

Zentralregulierung – ein Gewinn für buchhandlungen und Verlage

Shortcode: [EK_TEASER]-bild-[EK_TEASER_TEXT]-h2--h3-[/EK_TEASER_TEXT][/EK_TEASER]
/* ########### Taser 
 * 						Der Teaser beschreibt ein Element, welches ein Bild und eine Bildunterschrift darstellt.
 * 							Die Bildunterschrift besteht aus einer H2 (Überschrift 2) und H3 (Überschrift 3)
 * 						.teaser wird als Rahmen und relative box um das gesamte element gelegt 
 * 						.teaser_text wird um die Überschriften gelegt*/

.teaser {
	position: relative;
}
@media only screen and (min-width: 800px){
.teaser_text {
    position: absolute;
    bottom: 0;
		width: 100%;
		background-color: rgba(255, 255, 255,  0.8);
	  padding: 15px 30px 15px 30px;
} 
}
@media only screen and (max-width: 800px){
.teaser p {
	margin-bottom: 0px; 
}
.teaser_text {
	padding: 10px;
	margin-bottom: 20px;
	background-color: #eee;

	}	
}
.teaser h2, .teaser h3 {
	margin: 0px;
	padding: 0px;
	font-size: 16px;

}
.teaser h2 {
	text-transform: uppercase;
	margin: 40px 0 10px 0;
	font-weight: 400;
}
.teaser h3 {
		font-weight: 600;
}


/* ########### END  Teaser ########### */

Button

Shortcode: 
 [BTN_RAHMEN1]-linktext-[BTN_PFEIL][/BTN_RAHMEN1]
 [BTN_FARBIG]-linktext-[BTN_PFEIL][/BTN_FARBIG]
 [BTN_RAHMEN2]-linktext-[BTN_PFEIL][/BTN_RAHMEN2]

/* ########### Buttons 
 * 						button_blank 	--> Transparenter Button mit weißer linie und weißer Schrift
 * 						button_color	--> Farbiger Button mit weißer linie und weißer Schrift
 * 						button_frame	--> Weißer Button mit farbigem Rahmen
 * 						buttonarrow 	--> Beschreibt den Pfeil ">" des Button ########### */
		

.button_blank a {
	font-weight: bold;
	text-align: center;
	border: solid 1px #fff;
	border-radius: 100px;
	display: block;
	width:200px;	
	padding: 2px 10px 2px 10px;
	color: #fff;
	text-transform: uppercase;
}

.button_color a, .button_frame a:hover, .button_blank a:hover {
	background-color: #2DAAE0;
	font-weight: bold;
	text-align: center;
	border: solid 1px #fff;
	border-radius: 100px;
	display: block;
	width:200px;	
	padding: 2px 10px 2px 10px;
	color: #fff;
	text-transform: uppercase;
}

.button_frame a{
	font-weight: bold;
	text-align: center;
	border: solid 1px #2DAAE0;
	border-radius: 100px;
	display: block;
	width:200px;	
	padding: 2px 10px 2px 10px;
	color: #2DAAE0;
	text-transform: uppercase;
	margin-left: auto;
	margin-right: auto;
}

.button_color a:hover {
	color: #CCC;
}

.buttonarrow {
	float: right;
}
/*			Menübutton [Style in Menüs hinterlegen]		
 * 						.button_menu ist ein element , welches als letzter Menüpunkt angezeigtwird wie ein Button. die Klasse wird am Menüpunkt hinterlegt*/
@media only screen and (min-width: 800px){
.primary-menu .button_menu {
	border: solid 1px #fff !important;
	border-radius: 100px;
	display: block;
	margin: 15px 0 0 40px;
	padding: 3px 20px 3px 20px !important;
	}

.main-navigation .button_menu a {
		padding: 0px !important;
	}
.button_menu a::before {
	content: none;
}	

}
/* ########### END  Button ########### */

Listen

  • eins
  • zwei
  • drei

  • eins
  • zwei
  • drei

  • Loremg ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy
  • eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam
  • voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet


Shortcode: 
[LISTE]Erzeugt eine Liste, anhand einer Aufzählung mit Pfeilen und Rand[/LISTE]
 * 				
Erzeugt eine Liste, anhand einer Aufzählung mit Pfeilen aber ohne Rand (NB = No Border)
] /* ########### Listen [DS] * .liste Generiert bei einer Liste einen Balken am linken Rand * .pfeile Definieren die Pfeile einer Liste ########### */ .liste { Border-left: solid #2DAAE2; padding-left: 20px } .pfeile ul { list-style-type:none;} .pfeile ul li:before { content: ">" " "; color: #2DAAE2; } /* ########### END Listen ########### */

Schattenboxen

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod
tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea

Thomas Meyer

Mustermannverlag

Geschäftsführer

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod
tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea

Thomas Meyer

Mustermannverlag

Geschäftsführer

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod
tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea

Thomas Meyer

Mustermannverlag

Geschäftsführer

BAG Abrechnung-Service

Mehr Zeit für Buch und Kunde dank BAG Abrechnung-Service.

Mehr Infos

BAG Abrechnung-Service

Mehr Zeit für Buch und Kunde dank BAG Abrechnung-Service.

BAG Abrechnung-Service

Mehr Zeit für Buch und Kunde dank BAG Abrechnung-Service.

Mehr Infos

Sabrina Tiemann

Marketing & Kommunikation

TEL +49 521 2092-168
MAIL Sabrina.Tiemann@buchwert-service.de

Sabrina Tiemann

Marketing & Kommunikation

TEL +49 521 2092-168
MAIL Sabrina.Tiemann@buchwert-service.de

Sabrina Tiemann

Marketing & Kommunikation

TEL +49 521 2092-168
MAIL Sabrina.Tiemann@buchwert-service.de

Sabrina Tiemann

Marketing & Kommunikation

TEL +49 521 2092-168
MAIL Sabrina.Tiemann@buchwert-service.de

 

Shortcode: 
[SHADOWBOX][one_thrid]-Bild--Text-[one_thrid][one_thrid]-Bild--Text-[one_thrid][one_thrid_last]-Bild--Text-[one_thrid_last][/SHADOWBOX]

/* ########### Schattenbox [DS]
 * 						Boxen die zusammen mit dem Plugin "Column Shortcodes" in zusammenhang mit dem Element 
und
eine Reihe von gleich hohen Schattenboxen im Raster 1/3 erzeugt. ########### */ .schattenbox { text-align: center; display: -webkit-flex; display: -ms-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media only screen and (max-width: 700px) { .schattenbox { margin-top: 80px; width: 100%; } } @media only screen and (min-width: 700px) { .schattenbox .one_third { width: 29%; } } .schattenbox .one_third { margin: 100px 2% 0 2%; min-height: 100%; text-align: center; border: solid 1px #eee; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); padding: 2px; } .schattenbox p, .schattenbox h1, .schattenbox h2, .schattenbox h3, .schattenbox h4, .schattenbox h5, .schattenbox h6 { margin-top: 10px !important; margin-bottom: 10px !important; } /* ########### END Schattenbox ########### */ /* ########### Bilder für Boxen [DS] * upper_img Beschreibt Bilder die etwa 1/3 hochgestellt werden. In Zusammenhang mit Schattenbox für Kundenbereich die innerhalb der class liegen * round_img Beschreibt runde Bilder die innerhalb der class liegen ########### */ .upper_img img { position: relative; margin: -20% 0 0 0; width: 60%; } .round_img img { border-radius: 100%; } /* ########### END Bilder für Boxen ########### */
Test Test